Método insertAdjacentText() do Elemento DOM HTML

Definição e uso

insertAdjacentText() O método insere texto na posição especificada.

Posições válidas:

Valores Descrição
afterbegin Depois do início do elemento (primeiro filho).
afterend Depois do elemento.
beforebegin Antes do elemento.
beforeend Antes do fim do elemento (último filho).

Exemplo

Exemplo 1

Inserir texto após o elemento de título:

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

Experimente você mesmo

Exemplo 2

Uso de "afterbegin":

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

Experimente você mesmo

Exemplo 3

Uso de "beforebegin":

h2.insertAdjacentText("beforebegin", text);

Experimente você mesmo

Exemplo 4

Uso de "beforeend":

h2.insertAdjacentText("beforeend", text);

Experimente você mesmo

Sintaxe

element.insertAdjacentText(position, text)

ou

node.insertAdjacentText(position, text)

Parâmetros

Parâmetros Descrição
position

Obrigatório. Posição relativa ao elemento:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text O texto a ser inserido.

Suporte do navegador

Todos os navegadores suportam element.insertAdjacentText()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte Suporte