ओवरराइटिंग HTMLElement.classList प्रॉपर्टी

Question

क्या वेबकिट (क्रोम) में HTMLElement.classList प्रॉपर्टी को ओवरराइड करना संभव है?

मैं निम्नलिखित कोड के साथ कोशिश कर रहा हूँ:

Object.defineProperty(window.HTMLElement.prototype, "classList", { 
     get : function() { 
      console.log("test"); 
      return 1; 
     }, 
     set : function(newValue){ }, 
     enumerable : true, 
     configurable : true} 
    ); 

हालांकि, एक DIV के classList बुला अभी भी DOMTokenList लौट आते हैं।

Answer 1

मुझे लगता है कि आपको क्या करना चाहिए क्या आप HTMLDivElement, नहीं HTMLElement साथ किया है। हालांकि, मैंने ऐसा किया और अभी भी कोई परिणाम नहीं हुआ।

लेकिन अगर आप पल के लिए अपनी नौकरी करना चाहते हैं, तो आप अपने कोड सीधे div उदाहरण पर ही आवेदन कर सकते हैं:

<div id='target' class='first second third'> 
</div> 

और:

var div = document.getElementById('target'); 
Object.defineProperty(div, 'classList', { 
    get: function(){ 
     return 'overridden'; 
    } 
}); 
alert(div.classList); 

इस fiddle देखें।

Answer 2

आपके div को प्रोटोटाइप से classList नहीं मिल रहा है। यह div की सीधी संपत्ति है। प्रोटोटाइप श्रृंखला की खोज कभी नहीं किया गया है:

myDiv.hasOwnProperty("classList"); // returns true