English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Objekt

JavaScript Referenzhandbuch

JS DOM Referenzhandbuch

HTML DOM insertAdjacentElement() Methode

HTML DOM Element-Objekt

insertAdjacentElement()Diese Methode fügt einen bestimmten Elementknoten an einer bestimmten Position relativ zum aufgerufenen Element ein.

Syntax:

element.insertAdjacentElement(position, element)
var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterend", span);
Testen Sie heraus‹/›

Browserkompatibilität

Die Zahlen in der Tabelle geben die erste Browser-Version an, die insertAdjacentElement() vollständig unterstützt:

Methode
insertAdjacentElement()ist48istist8

Parameterwert

ParameterBeschreibung
positionPosition relativ zum Element.
Gültige Werte:

  • "afterbegin"-Nach dem Anfang des Elements (als erstes Unterelement)

  • "afterend"-Nach dem Element

  • "beforebegin"-Vor dem Element

  • "Before end"-Vor dem Ende des Elements (als letzter Unterelement)

elementDas Element, das Sie einfügen möchten

Technische Details

Rückgabewert:Eingebrachtes Element; wird zurückgegeben, wenn das Einfügen fehlschlägtnull.
Ausnahmen:

  • SyntaxError-Der angegebene Ort ist kein erkennbarer Wert

  • TypeError-Das angegebene Element ist kein gültiges Element

Mehr Beispiele

Verwenden Sie den Wert "beginbegin":

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterbegin", span);
Testen Sie heraus‹/›

Verwenden Sie den Wert "beforebegin":

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforebegin", span);
Testen Sie heraus‹/›

Verwenden Sie den Wert "beforeend":

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforeend", span);
Testen Sie heraus‹/›

Zusammenhängende Referenzen

HTML DOM Referenz:element.insertAdjacentHTML() Methode

HTML DOM Referenz:element.insertAdjacentText() Methode

HTML DOM Referenz:node.insertBefore() Methode

HTML DOM Referenz:node.appendChild() Methode

HTML DOM Element-Objekt

JavaScript History-ObjektHTML DOM Element-Objekt