Come aggiungere html dopo un determinato div usando Prototype JS?

Question

Ciao ragazzi mi vogliono essere in grado di aggiungere div alla mia pagina, che vengono aggiunti dopo un div di una certa classe e prima teh div che lo seguono cioè:

<div class="header">Header DIV</div> 
<!-- Want to add using javascript some HTML right here--> 
<div class="one-basic-div">...</div> 
<div class="one-basic-div">...</div> 
<div class="one-basic-div">...</div> 
<div class="one-basic-div">...</div> 

sua fondamentalmente cruda html desidero aggiungi - come posso farlo.

Answer 1

utilizzare il metodo Element.insert:

document.observe("dom:loaded", function() { 
 
    $$(".header").first().insert({ after: "<p>Some html</p>" }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js"></script> 
 

 
<div class="header">Header div</div> 
 
<div class="one-basic-div">Other div</div>

Answer 2

Uso insert:

$$('#header').insert({ 'after' : theHTML }); 

Questo dovrebbe inserirlo come un fratello dopo il div con id header.

Ci sono alcuni esempi utili here, la documentazione sembra essere carente, un po '.