जावास्क्रिप्ट

Question

document.getElementById('myId').style; 

का उपयोग कर विशेषता मान तक पहुँचने के विभिन्न तरीके शैली विशेषता तक पहुँचने का एक ही रास्ता है .. इसके अलावा हम एक ही document.getElementById('myId').getAttribute('style');

का उपयोग कर क्या विशेषता मान प्राप्त करने की इन दो तरीकों के बीच अंतर है क्या कर सकते हैं ..और कौन सा बेहतर है?

Answer 1

पहले उदाहरण में आप style विशेषता तक नहीं पहुंच रहे हैं, लेकिन style संपत्ति पर। style संपत्ति के मामले में संपत्ति का मूल्य कुछ भी हो सकता है। दूसरे उदाहरण में आप टैग की शैली विशेषता तक पहुंच रहे हैं। विशेषता का मान केवल स्ट्रिंग हो सकता है।

कुछ विशेषताओं के मामले में उनके बीच मैपिंग है। इसलिए यदि आप एक HTML नोड पर style विशेषताएँ सेट करते हैं, तो आपकी style संपत्ति अपडेट की जाती है और आपकी शैली लागू होती है। हालांकि, यह हमेशा सत्य नहीं होता है: IE के कुछ संस्करणों (कम से कम आईई 7 तक) में एक प्रसिद्ध बग यह है कि मैपिंग का प्रकार टूटा हुआ है, इसलिए एक विशेषता सेट करें संपत्ति पर प्रतिबिंबित नहीं होती है।

तो, यदि आप एक HTML नोड पर एक विशेषता सेट करना चाहते हैं, तो आपको दूसरे का उपयोग करना होगा। लेकिन अगर आप अपनी ऑब्जेक्ट की संपत्ति तक पहुंचना चाहते हैं कि एक HTML नोड का प्रतिनिधित्व करता है, तो आपको पहले का उपयोग करना होगा।

style के मामले में, पहले व्यक्ति की दृढ़ता से अनुशंसा की जाती है।

यह एक उदाहरण (आधुनिक ब्राउज़रों में) के साथ स्पष्ट करने के लिए:

document.body.style.border = "1px solid red"; 
console.log(document.body.style); // [object CSSStyleDeclaration] 
console.log(document.body.getAttribute("style")); // "border: 1px solid red;" 

Answer 2

कोई फर्क नहीं पड़ता।

document.getElementById('myId').style; 

, के लिए

document.getElementById('myId').getAttribute('style'); 

getAttribute ('AttributeName') के लिए केवल उपयोग एक आशुलिपि है हो सकता है अगर AttributeName एक वैध जावास्क्रिप्ट चर नाम नहीं है तो उद्धरण में यह encapsulating एक ही रास्ता होगा इसे एक्सेस करने के लिए।

Answer 3

getAttribute अमानक विशेषताओं के मूल्य के साथ ही मानक वाले वापस आ जाएगी।

ऑब्जेक्ट प्रॉपर्टी नोटेशन नहीं होगा, क्योंकि गैर मानक गुण गुणों में परिवर्तित नहीं होते हैं।

<a id="test" foo="bar"> ... </a>​ 

<script> 

    console.log(document.getElementById('test').foo); // undefined 

    console.log(document.getElementById('test').getAttribute('foo')); // "bar" 

</script> 

Answer 4

हाँ वहाँ कोई अंतर नहीं है और विस्तृत उदाहरण दिए गए लिंक पर पाया जा सकता है: https://developer.mozilla.org/en/DOM/element.style#Example