¿Cómo agregar html después de cierto div usando Prototype JS?

Question

Hola chicos quieren ser capaces de añadir divs a mi página de tal manera que se añaden después de un div de cierta clase y antes de teh divs que le siguen es decir:

<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> 

Su html básicamente prima que desean agregar, ¿cómo puedo hacerlo?

Answer 1

Utilice el método 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 }); 

Eso debe insertarlo como un hermano después de que el div con id header.

Hay algunos ejemplos útiles here, parece que falta algo de documentación.