Método HTML DOM cloneNode()
Ejemplo
Copie un elemento <li> de una lista a otra:
// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;
// Copy the <li> element and its child nodes
var cln = itm.cloneNode(true);
// Append the cloned <li> element to <ul> with id="myList1"
document.getElementById("myList1").appendChild(cln);
Antes de la clonación:
- Coffee
- Tea
- Water
- Milk
Después de la clonación:
- Coffee
- Tea
- Milk
- Water
- Milk
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El método cloneNode() crea una copia de un nodo y devuelve el clon.
El método cloneNode() clona todos los atributos y sus valores.
Sugerencia: utilice el método appendChild() o insertBefore() para insertar el nodo clonado en el documento.
Sugerencia: Establezca el valor del parámetro profundo en verdadero si desea clonar todos los descendientes (hijos), de lo contrario, falso.
Compatibilidad con navegador
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Sintaxis
node.cloneNode(deep)
Valores paramétricos
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Detalles técnicos
Valor de retorno: | Un objeto Node, que representa el nodo clonado. |
---|---|
Versión DOM | Objeto de nodo de nivel básico 1 |
Más ejemplos
Ejemplo
Copie un elemento <div>, incluidos todos sus atributos y elementos secundarios, y agréguelo al documento:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
páginas relacionadas
Referencia HTML DOM: método document.adoptNode()
Referencia HTML DOM: método document.importNode()
Referencia HTML DOM: método document.createElement()
Referencia HTML DOM: método document.createTextNode()