HTML DOM Element insertAdjacentElement() Methode

Definition und Verwendung

insertAdjacentElement() Die Methode fügt das Element an die angegebene Position ein.

Gültige Positionen:

Wert Beschreibung
afterbegin nach dem Anfang des Elements (der erste Unter-element).
afterend nach dem Element.
beforebegin vor dem Element.
beforeend vor dem Ende des Elements (der letzte Unter-element).

Beispiel

Beispiel 1

Ein span-Element nach dem Titel einfügen:

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

probieren Sie es selbst aus

Beispiel 2

Verwendung von "afterbegin":

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

probieren Sie es selbst aus

Beispiel 3

Verwendung von "beforebegin":

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

probieren Sie es selbst aus

Beispiel 4

Verwendung von "beforeend":

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

probieren Sie es selbst aus

Syntax

element.insertAdjacentElement(position, element)

oder

node.insertAdjacentElement(position, element)

Parameter

Parameter Beschreibung
position

notwendig. Der relative Standort des Elements:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element das einzufügende Element.

Browserunterstützung

alle Browser unterstützen element.insertAdjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung