Metodo insertAdjacentText() dell'Elemento DOM HTML

Definizione e uso

insertAdjacentText() Il metodo inserisce il testo nella posizione specificata.

Posizioni legali:

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 il testo dopo l'elemento di titolo:

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterend", text);

Prova tu stesso

Esempio 2

Usare "afterbegin":

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterbegin", text);

Prova tu stesso

Esempio 3

Usare "beforebegin":

h2.insertAdjacentText("beforebegin", text);

Prova tu stesso

Esempio 4

Usare "beforeend":

h2.insertAdjacentText("beforeend", text);

Prova tu stesso

Sintassi

element.insertAdjacentText(position, text)

o

node.insertAdjacentText(position, text)

Parametro

Parametro Descrizione
position

Obbligatorio. Posizione rispetto all'elemento:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text Il testo da inserire.

Supporto del browser

Tutti i browser supportano element.insertAjacentText()：

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