HTML DOM Element insertAdjacentElement() metode

definering og brug

insertAdjacentElement() metoden indsætter elementet i den angivne position.

gældende positioner:

værdi beskrivelse
afterbegin efter elementets begyndelse (den første underelement).
afterend efter elementet.
beforebegin før elementet.
beforeend før elementets afslutning (den sidste underelement).

Eksempel

Eksempel 1

Indsæt en span-element efter titlen:

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

prøv det selv

Eksempel 2

Brug "afterbegin":

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

prøv det selv

Eksempel 3

Brug "beforebegin":

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

prøv det selv

Eksempel 4

Brug "beforeend":

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

prøv det selv

syntaks

element.insertAdjacentElement(position, element)

eller

node.insertAdjacentElement(position, element)

parametre

parametre beskrivelse
position

påkrævet. Position relativ til elementet:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element at indsætte elementet.

browser understøtter

alle browsere understøtter element.insertAjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support