जावास्क्रिप्ट में मेथड और प्रॉपर्टी चेन
मान लीजिए हमारे पास एक इनपुट है:
<input id="elem" value="text">
आइए इनपुट का टेक्स्ट स्क्रीन पर प्रदर्शित करें:
let elem = document.querySelector('#elem');
console.log(elem.value); // 'text' प्रदर्शित करेगा
जैसा कि आप देख रहे हैं, हम पहले उसके id के आधार पर एलिमेंट
प्राप्त करते हैं, इस एलिमेंट को elem वेरिएबल में
लिखते हैं, और फिर इस वेरिएबल से value प्रॉपर्टी
स्क्रीन पर प्रदर्शित करते हैं।
वास्तव में elem वेरिएबल को पेश किए बिना
भी डॉट्स की चेन इस तरह बनाई जा सकती है:
console.log( document.querySelector('#elem').value ); // 'text' प्रदर्शित करेगा
इसी तरह - चेन के माध्यम से - एट्रिब्यूट्स को रीराइट भी किया जा सकता है:
document.querySelector('#elem').value = 'www';
निम्नलिखित कोड दिया गया है:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
उपर्युक्त कोड को इस तरह बदलें कि
image वेरिएबल को पेश करने के बजाय
चेन का उपयोग किया जाए।
