HTML DOM insertAdjacentElement() Methode
Voorbeeld
Verplaats een span-element naar na het header-element:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Definitie en gebruik
De insertAdjacentElement()
methode voegt een gespecificeerd element in een gespecificeerde positie in.
Rechtspositiewaarden zijn:
"afterbegin"
"afterend" "beforebegin"
"
beforeend"
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
Syntaxis
node.insertAdjacentElement(position, element)
Parameterwaarden
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 |
Meer voorbeelden
Voorbeeld
De waarde "afterbegin" gebruiken:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Voorbeeld
De waarde "beforebegin" gebruiken:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Voorbeeld
Met behulp van de "beforeend" waarde:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);