क्या HTML तत्व विशेषताओं को अपरिवर्तनीय बनाना संभव है?

Question

यदि मैं जावास्क्रिप्ट ऑब्जेक्ट की गुणों को अपरिवर्तनीय बनाना चाहता हूं, तो मैं ऑब्जेक्ट विधियों जैसे defineProperties(), defineProperty(), और freeze() का उपयोग कर सकता हूं। मेरा सवाल है, मैं HTML तत्व विशेषताओं के साथ ऐसा कैसे कर सकता हूं?

मैं पहले से ही ऊपर उल्लिखित तरीकों की कोशिश की है, और जब वे सीधे सेट होने से एक तत्व के गुणों को रोकने के लिए इस्तेमाल किया जा सकता है (जैसे elem.id = 'foo';), के रूप में उम्मीद, अंतर्निहित गुण अभी भी setAttribute() के माध्यम से बदला जा सकता है।

"नहीं, यह संभव नहीं है" का उत्तर स्वीकार्य होगा, लेकिन मैं अभी तक उस प्रभाव के किसी भी निश्चित बयान में नहीं आया हूं।

Answer 1

आप पुरानी विशेषता मान को पुनर्स्थापित करने के लिए उत्परिवर्तन पर्यवेक्षकों का उपयोग कर सकते हैं।

new MutationObserver(callback) 
    .observe(elem, {attributes: true, attributeOldValue: true}); 

function callback(mutations, observer) { 
    var target = mutations[0].target; 
    observer.disconnect(); 
    mutations.forEach(function(mutation) { 
     target.setAttribute(mutation.attributeName, mutation.oldValue); 
    }); 
    observer.observe(target, {attributes: true, attributeOldValue: true}); 
} 

जो अनंत लूप से बचने के लिए जरूरी हैं observer.disconnect से जुड़े सुझाव के लिए @DoctorDestructo के लिए धन्यवाद।