Perché cloneNode esclude le proprietà personalizzate?

Question

Questo è relativo alla domanda javascript cloneNode and properties.

sto vedendo lo stesso comportamento. Node.cloneNode non copia su tutte le proprietà che mi aggiungo (codice dal post originale):

var theSource = document.getElementById("someDiv") 
    theSource.dictator = "stalin"; 

    var theClone = theSource.cloneNode(true); 
    alert(theClone.dictator); 

theClone non contiene alcuna proprietà "dittatore".

non sono stato in grado di trovare alcuna spiegazione del motivo per cui questo è il caso. Lo documentation on MDN afferma che cloneNode "copia tutti i suoi attributi e i loro valori", una linea che viene presa direttamente dallo DOM specification stesso.

Questo sembra rotto per me in quanto rende quasi impossibile fare una copia completa di un albero DOM che contiene le proprietà personalizzate.

Mi manca qualcosa qui?

Answer 1

Una proprietà non è uguale a un attributo.

Usa setAttribute() e getAttribute (invece).

var theSource = document.getElementById("someDiv") 
theSource.setAttribute('dictator','stalin'); 

var theClone = theSource.cloneNode(true); 
alert(theClone.getAttribute('dictator')); 

Answer 2

Testato. cloneNodefa include l'attributo personalizzato nel clone, ma quell'attributo non può essere recuperato direttamente. Prova:

var theSource = document.getElementById("someDiv") 
theSource.dictator = "stalin"; 
//or better/more cross browser compatible 
theSource.setAttribute('dictator','stalin'); 

var theClone = theSource.cloneNode(true); 
alert(theClone.getAttribute('dictator')); //so, use getAttribute 

Può essere un problema browser con la clonazione expando properties. Ho eseguito un testcase (vedi più avanti) da questo piuttosto vecchio bugzilla report. Non ha funzionato in Chrome e Firefox (entrambe le versioni più recenti).

//code from testcase @ bugzilla 
var a = document.createElement("div");  
a.order = 50;  
alert(a.order);  
b = a.cloneNode(true);  
alert(b.order);  

Answer 3

Non tutte le proprietà corrispondono a un attributo. L'aggiunta di una proprietà personalizzata a un elemento non aggiunge un attributo, quindi ciò che accade quando lo fai non è coperto dalle specifiche DOM.

In effetti, ciò che accade quando si aggiunge una proprietà a un oggetto host (come un nodo DOM) è completamente non specificato e non è affatto garantito il funzionamento, quindi consiglio vivamente di non farlo. Invece, suggerirei di utilizzare wrapper se si desidera estendere la funzionalità degli oggetti host (come fanno jQuery e molte altre librerie).