HTML DOM Element insertAdjacentElement() metod

Definition och användning

insertAdjacentElement() metoden infogar elementet på den specificerade positionen.

giltiga positioner:

värde beskrivning
afterbegin efter elementets början (första barn-elementet).
afterend efter elementet.
beforebegin innan elementet.
beforeend innan elementet slutar (sista barn-elementet).

Exempel

Exempel 1

Infoga en span-element efter titeln:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

prova det själv

Exempel 2

Använd "afterbegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

prova det själv

Exempel 3

Använd "beforebegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

prova det själv

Exempel 4

Använd "beforeend":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

prova det själv

syntaks

element.insertAdjacentElement(position, element)

eller

node.insertAdjacentElement(position, element)

parametrar

parametrar beskrivning
position

obligatorisk. Position i förhållande till elementet:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element att infoga elementet.

webbläsarstöd

alla webbläsare stöder element.insertAdjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd