Warum schließt cloneNode benutzerdefinierte Eigenschaften aus?

Question

Dies steht im Zusammenhang mit der Frage javascript cloneNode and properties.

Ich sehe das gleiche Verhalten. Node.cloneNode kopiert nicht über alle Eigenschaften, die ich selbst hinzufügen (Code aus Original-Beitrag):

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

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

theClone keine Eigenschaft enthält „Diktator“.

Ich konnte keine Erklärung dafür finden, warum dies der Fall ist. Die documentation on MDN besagt, dass cloneNode "alle seine Attribute und ihre Werte kopiert", eine Zeile, die direkt aus der DOM specification selbst übernommen wird.

Das scheint mir kaputt zu sein, da es fast unmöglich ist, eine tiefe Kopie eines DOM-Baums mit benutzerdefinierten Eigenschaften zu erstellen.

Fehle ich hier etwas?

Answer 1

Eine Eigenschaft ist nicht gleich einem Attribut.

Verwenden Sie stattdessen setAttribute() und getAttribute().

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

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

Answer 2

Getestet dies. cloneNodeenthält das benutzerdefinierte Attribut im Klon, aber dieses Attribut kann nicht direkt abgerufen werden. Versuchen:

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 

Es kann expando properties mit dem Klonen ein Browser Problem sein. Ich habe eine testcase (siehe später) von diesem ziemlich alten bugzilla report ausgeführt. Es funktionierte nicht in Chrome und Firefox (beide neueste Versionen).

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

Answer 3

Nicht jede Eigenschaft entspricht einem Attribut. Das Hinzufügen einer benutzerdefinierten Eigenschaft zu einem Element fügt kein Attribut hinzu. Was also passiert, wird von der DOM-Spezifikation nicht abgedeckt.

In der Tat, was passiert, wenn Sie eine Eigenschaft zu einem Host-Objekt hinzufügen (wie ein DOM-Knoten) ist völlig unspezifiziert und ist keineswegs garantiert zu arbeiten, also würde ich dringend empfehlen, es zu tun. Stattdessen würde ich vorschlagen, Wrapper zu verwenden, wenn Sie die Funktionalität von Host-Objekten erweitern möchten (wie jQuery und viele andere Bibliotheken).