Wie HTML nach einem bestimmten Div mit Prototype JS hinzufügen?

Question

Hallo Jungs Ich möchte der Lage sein, divs so auf meiner Seite anzufügen, dass sie nach einem div einer bestimmten Klasse angehängt werden und vor teh divs, dass es heißt, sie folgt:

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

Sein im Allgemeinen raw html ich wünsche hinzufügen - wie kann ich es tun.

Answer 1

Verwenden Sie die Element.insert Methode:

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

Verwendung insert:

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

, dass sie als Geschwister nach dem div header mit ID einfügen sollte.

Es gibt einige hilfreiche Beispiele here, die Dokumentation scheint etwas zu fehlen.