ChildNode.before()

 
 

Experimental

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 (en-US).

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 (en-US) 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! (en-US)

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