क्लोन नोड कस्टम गुणों को क्यों बहिष्कृत करता है?

Question

यह javascript cloneNode and properties से संबंधित प्रश्न से संबंधित है।

मैं वही व्यवहार देख रहा हूं। Node.cloneNode किसी भी गुण मैं अपने आप को (मूल पोस्ट से कोड) जोड़ देते हैं पर कॉपी नहीं करता है:

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

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

theClone किसी भी संपत्ति "तानाशाह" शामिल नहीं है।

मुझे ऐसा क्यों लगता है कि इस मामले में कोई स्पष्टीकरण नहीं मिला है। documentation on MDN बताता है कि cloneNode "इसकी सभी विशेषताओं और उनके मूल्यों की प्रतिलिपि बनाता है", एक पंक्ति जो सीधे DOM specification से ली जाती है।

ऐसा लगता है कि यह मेरे लिए टूटा हुआ है क्योंकि यह कस्टम गुणों वाले एक डोम पेड़ की गहरी प्रतिलिपि करना असंभव है।

क्या मुझे यहां कुछ याद आ रही है?

Answer 1

एक संपत्ति किसी विशेषता के बराबर नहीं है।

इसके बजाय setAttribute() और getAttribute() का उपयोग करें।

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

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

Answer 2

इसका परीक्षण किया गया। cloneNode क्लोन में कस्टम विशेषता शामिल है, लेकिन उस विशेषता को सीधे पुनर्प्राप्त नहीं किया जा सकता है। प्रयास करें:

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 

यह क्लोनिंग expando properties साथ एक ब्राउज़र समस्या हो सकती है। मैंने testcase (बाद में देखें) इस पुराने bugzilla report से भाग लिया। यह क्रोम और फ़ायरफ़ॉक्स (दोनों नवीनतम संस्करणों) में काम नहीं करता है।

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

Answer 3

प्रत्येक संपत्ति एक विशेषता के अनुरूप नहीं है। किसी तत्व में एक कस्टम प्रॉपर्टी जोड़ना कोई विशेषता नहीं जोड़ता है, तो जब आप ऐसा करते हैं तो DOM spec द्वारा कवर नहीं किया जाता है।

वास्तव में, जब आप किसी होस्ट ऑब्जेक्ट (जैसे कि डोम नोड) में कोई संपत्ति जोड़ते हैं तो क्या होता है, पूरी तरह से निर्दिष्ट नहीं होता है और काम करने की गारंटी नहीं है, इसलिए मैं इसे करने के खिलाफ दृढ़ता से अनुशंसा करता हूं। इसके बजाए, यदि आप होस्ट ऑब्जेक्ट्स की कार्यक्षमता को विस्तारित करना चाहते हैं (जैसे jQuery और कई अन्य पुस्तकालय करते हैं) तो मैं रैपर का उपयोग करने का सुझाव दूंगा।