Método HTML DOM insertAdjacentElement()
Ejemplo
Mueva un elemento de intervalo después del elemento de encabezado:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Definición y uso
El insertAdjacentElement()
método inserta un elemento específico en una posición específica.
Los valores de la posición legal son:
"después del comienzo"
"después del final"
"antes del comienzo"
"antes del final"
Compatibilidad con navegador
Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
Sintaxis
node.insertAdjacentElement(position, element)
Valores paramétricos
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 |
Más ejemplos
Ejemplo
Usando el valor "después de comenzar":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Ejemplo
Usando el valor "antes de comenzar":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Ejemplo
Usando el valor "beforeend":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);