Latest web development tutorials

HTML DOM appendChild método ()

Elementos objeto de referencia objeto Element

Ejemplos

Añadir un elemento de la lista:

document.getElementById("myList").appendChild( newListItem );

Antes de añadir:

  • Coffee
  • Tea

Después de añadir:

  • Coffee
  • Tea
  • Water

Trate »

Definición y Uso

appendChild método () para añadir un nuevo nodo secundario en el nodo final de la lista de nodos secundarios.

Consejo: Si la estructura del documento ha estado en existencia newChild, se elimina de la estructura del documento, y luego vuelva a insertarlo en la nueva ubicación. Si es newChild nodo DocumentFragment, entonces no va a ser insertado directamente, sino a su hijo nodos inserta secuencialmente en el final de la matriz childNodes del nodo actual [].

Usted puede utilizar el método appendChild () para eliminar el elemento a otro elemento.

Ejemplos

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

var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

Antes de añadir:

  • Coffee
  • Tea
  • Water
  • Milk

Después de añadir:

  • Coffee
  • Tea
  • Milk
  • Water

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan appendChild método ()


gramática

node .appendChild( node )

parámetros

参数 类型 描述
node 节点对象 必须。你要添加的节点对象。

Valor de retorno

类型 描述
节点对象 添加的节点

detalles técnicos

versión DOM Nivel básico de objetos 1 Nodo


Elementos objeto de referencia objeto Element