Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.
El método ChildNode.before inserta un conjunto de objetos
Node
o DOMString
en la lista de hijos de este ChildNode del padre, justo antes de este ChildNode. Los objetos DOMString
se insertan como nodos equivalentes Text
.Síntasix
[Throws, Unscopable] void ChildNode.before((Node or DOMString)... nodes);
Parámetros
Excepciones
HierarchyRequestError
: Node cannot be inserted at the specified point in the hierarchy.
Ejemplos
Insertando un elemento
var parent = document.createElement("div");
var child = document.createElement("p");
parent.appendChild(child);
var span = document.createElement("span");
child.before(span);
console.log(parent.outerHTML);
// "<div><span></span><p></p></div>"
Insertando texto
var parent = document.createElement("div");
var child = document.createElement("p");
parent.appendChild(child);
child.before("Text");
console.log(parent.outerHTML);
// "<div>Text<p></p></div>"
Insertando un elemento y texto
var parent = document.createElement("div");
var child = document.createElement("p");
parent.appendChild(child);
var span = document.createElement("span");
child.before(span, "Text");
console.log(parent.outerHTML);
// "<div><span></span>Text<p></p></div>"
ChildNode.before()
es unscopable
El método before () no está definido en la declaración with. Consulte Symbol.unscopables
para obtener más información.
with(node) {
before("foo");
}
// ReferenceError: before is not defined
Especificación
Especificación | Estado | Comentario |
---|---|---|
DOM La definición de 'ChildNode.before()' en esta especificación. |
Living Standard | Definición Inicial. |
Compatibilidad en los Navegadores
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Función | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Soporte Básico | 54.0 | 49 (49) | ? | 39 | ? |
Función | Android | Android Webview | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Soporte Básico | Sin soporte | 54.0 | 49.0 (49) | ? | 39 | ? | 54.0 |