We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

 
 

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

Etiquetas y colaboradores del documento

Colaboradores en esta página: SoftwareRVG
Última actualización por: SoftwareRVG,