HTML DOM insertBefore()Método

元素对象参考手册Objeto de elemento

Ejemplo

Agregar un elemento a la lista:

document.getElementById("myList").insertBefore(newItem,existingItem);

Antes de agregar:

  • Coffee
  • Tea

Después de agregar:

  • Water
  • Coffee
  • Tea

Pruébalo »

Definición y uso

El método insertBefore() puede insertar un nuevo nodo hijo antes de un nodo hijo existente.

Sugerencia:Si deseas crear un nuevo elemento de lista de texto, debes agregar el nodo de texto del elemento al elemento LI y luego agregar el elemento LI a la lista.

También puedes usar el método insertBefore() para insertar/eliminar elementos existentes.

Ejemplo

Mover un elemento de lista a otro elemento de la lista:

var node=document.getElementById("myList2").lastChild;
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);

Antes de agregar:

  • CoffeeTea
  • Water
  • Milk

Después de agregar:

  • Milk
  • Coffee
  • Tea
  • Water

Pruébalo »

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales son compatibles con el método insertBefore().

Sintaxis

node.insertBefore(newnode,existingnode)

Parámetros

Parámetros Tipo Descripción
newnode Objeto de nodo Obligatorio. El objeto de nodo que se va a insertar.
existingnode Objeto de nodo Obligatorio. El nodo hijo antes del cual se agregará el nuevo nodo.

Valor de retorno

Tipo Descripción
Objeto de nodo El nodo que insertaste/td>

Detalles técnicos

Versión de DOM Core Level 1 Node Object

元素对象参考手册Objeto de elemento

Otras extensiones