JS DOM Referenzhandbuch

HTML DOM Element-Objekt

insertAdjacentHTML()HTML DOM insertAdjacentHTML() Methode

Diese Methode parsent den angegebenen Text als HTML und fügt den resultierenden Knoten an der angegebenen Position ein. Sie zerstört daher keine bestehenden Elemente im Inneren des Elements, das verwendet wird.

Dies vermeidet zusätzliche Serialisierungs-Schritte und macht es schneller als direkteinnerHTMLspäterer Vorgang.

Syntax:

element.insertAdjacentHTML(position, text)

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("afterend", "<span>Hello world<"/span>);

Browserkompatibilität

Die Zahlen in der Tabelle geben die erste Browserversion an, die insertAdjacentHTML() vollständig unterstützt:

Parameterwert

Mehr Beispiele

Verwenden Sie den Wert "beginbegin":

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("afterbegin", "<span style=""39;color:red;'>Hello world</span>);

Verwenden Sie den Wert "beforebegin":

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("beforebegin", "<span style=",39;color:red;'>Hello world</span>);

Verwenden Sie den Wert "beforeend":

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("beforeend", "<span style=",39;color:red;'>Hello world</span>);

zusammenhängende Referenzen

HTML DOM Referenz:element.insertAdjacentElement() Methode

HTML DOM Referenz:element.insertAdjacentText() Methode

HTML DOM Referenz:node.insertBefore() Methode

HTML DOM Referenz:node.appendChild() Methode

HTML DOM Element-Objekt