Metodo HTML DOM Element insertAdjacentElement()

Definizione e uso

insertAdjacentElement() Il metodo inserisce l'elemento nella posizione specificata.

Posizioni valide:

Valore Descrizione
afterbegin Dopo l'inizio dell'elemento (primo figlio).
afterend Dopo l'elemento.
beforebegin Prima dell'elemento.
beforeend Prima della fine dell'elemento (ultimo figlio).

Esempio

Esempio 1

Inserire un elemento span dopo il titolo:

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

Prova personalmente

Esempio 2

Usare "afterbegin":

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

Prova personalmente

Esempio 3

Usare "beforebegin":

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

Prova personalmente

Esempio 4

Usare "beforeend":

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

Prova personalmente

Sintassi

element.insertAdjacentElement(position, element)

o

node.insertAdjacentElement(position, element)

Parametro

Parametro Descrizione
position

Obbligatorio. Posizione rispetto all'elemento:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element L'elemento da inserire.

Supporto del browser

Tutti i browser supportano element.insertAdjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto Supporto