Javascript: HTML-Elemte an bestimmten Stellen einfügen

JaffaCoder

Professional

Posts: 211

Wednesday, August 17th 2011, 12:05pm

Javascript: HTML-Elemte an bestimmten Stellen einfügen

Moin,
ist es möglich mit JS an bestimmten Stellen HTML-Elemte hinzuzufügen? Nicht manipulieren, sondern komplett neu erstellen.

So wie ich mir das vorstell:

Create("<div>TestTest</div>")between("<div id="box1">Tester</div>)and("<div id="box2">Tester</div>);

Hoffe ist verständlich

Edit: Es ist für ein Userscript. Kann also nicht an der dementsprechenden Stelle eingefügt werden, sonder muss im Header sein

This post has been edited 1 times, last edit by "JaffaCoder" (Aug 17th 2011, 12:19pm)

Helvete

Intermediate

Posts: 118

Friday, August 19th 2011, 6:54pm

Schau dir mal .innerHTML an damit könnte es klappen (konnte es selber noch net testen)

Torben Brodt

Administrator

Posts: 8,454

Friday, August 19th 2011, 7:05pm

Wenn du dich an bestemmte Knoten hängen willst, brauchst du appendChild, siehe http://de.selfhtml.org/javascript/objekte/node.htm

Beispiel

JavaScript Code

1
2
3

var kind = document.createElement('div');
kind.innerHTML = '<a href="http://www.easy-coding.de">link zu easy-coding</a>';
document.getElementById('eltern').appendChild(kind);