Método HTML DOM insertAdjacentElement()
Exemplo
Mova um elemento span para depois do elemento header:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Definição e uso
O insertAdjacentElement()
método insere um elemento especificado em uma posição especificada.
Os valores da posição legal são:
"depois de
começar" "depois" "antes
de começar"
"antes de terminar"
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao método.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
Sintaxe
node.insertAdjacentElement(position, element)
Valores de parâmetro
Parameter | Type | Description |
---|---|---|
position | String | Required. A position relative to the element. Legal values: "afterbegin" - After the beginning of the element (as the first child) "afterend" - After the element "beforebegin" - Before the element "beforeend" - Before the end of the element (as the last child) |
element | HTML Element | The element you want to insert |
Mais exemplos
Exemplo
Usando o valor "afterbegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Exemplo
Usando o valor "antes de começar":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Exemplo
Usando o valor "antes":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);