MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

ChildNode.before()

 
 

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.



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
The definition of 'ChildNode.before()' in that specification.
Living Standard Definición Inicial.

Compatibilidad en los Navegadores

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 No support 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,