Método HTML DOM insertBefore
Ejemplos
Añadir elementos a la lista:
document.getElementById("myList").insertBefore( newItem,existingItem );
Antes de añadir:
- Coffee
- Tea
Después de añadir:
- Water
- Coffee
- Tea
Trate »
Definición y Uso
insertBefore método () inserta un nuevo nodo hijo antes de que un nodo hijo existente.
Consejo: Si desea crear un nuevo elemento de la lista de texto después de que el elemento LI se debe añadir un nodo de texto de un elemento y, a continuación, añadir el elemento LI en la lista.
También puede utilizar el método insertBefore inserción / extracción de los elementos que ya existen.
Ejemplos
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]);
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
Antes de añadir:
- Coffee Tea
- Water
- Milk
Después de añadir:
- Milk
- Coffee
- Tea
- Water
Trate »
Todos los principales navegadores soportan insertBefore método ()
gramática
node.insertBefore(newnode,existingnode)
parámetros
参数 | 类型 | 描述 |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
existingnode | 节点对象 | 必须。要添加新的节点前的子节点。 |
Valor de retorno
类型 | 描述 |
---|---|
节点对象 | The node you inserted |
detalles técnicos
versión DOM | Nivel básico de objetos 1 Nodo |
---|