ChildNode.before()

 
 

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

nodos
Un conjunto de objetos Node o DOMString para insertar.

Excepciones

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

Ver también