HTML-DOM - Methode insertAdjacentElement()
Beispiel
Verschieben Sie ein span-Element hinter das Header-Element:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Definition und Verwendung
Die insertAdjacentElement()
Methode fügt ein bestimmtes Element an einer bestimmten Position ein.
Rechtspositionswerte sind:
"nach Beginn"
"nach Ende"
"vor Beginn"
"vor Ende"
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
Syntax
node.insertAdjacentElement(position, element)
Parameterwerte
Parameter | Type | Description |
---|---|---|
position | String | Required. A position relative to the element. Legal values: "afterbegin" - After the beginning of the element (as the first child) "afterend" - After the element "beforebegin" - Before the element "beforeend" - Before the end of the element (as the last child) |
element | HTML Element | The element you want to insert |
Mehr Beispiele
Beispiel
Verwenden des "afterbegin"-Werts:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Beispiel
Verwenden des „beforebegin“-Werts:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Beispiel
Verwenden des "Beforeend"-Werts:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);