Jak dodać html po pewnym div używając Prototype JS?

Question

Hi guys Chcę, aby móc dołączyć DIV na mojej stronie tak, że są one dołączane po div pewnej klasy i przed teh DIV które po nim następują tj:

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

Jego zasadzie surowy html pragnę dodaj - jak mogę to zrobić.

Answer 1

Użyj metody 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

Korzystając insert:

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

To powinno wstawić go jako rodzeństwo po div z id header.

Istnieje kilka pomocnych przykładów: here, wydaje się, że brakuje dokumentacji.