जावास्क्रिप्ट में मेथड और प्रॉपर्टी चेन

मान लीजिए हमारे पास एक इनपुट है:

html<input id="elem" value="text">

आइए इनपुट का टेक्स्ट स्क्रीन पर प्रदर्शित करें:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // 'text' प्रदर्शित करेगा

जैसा कि आप देख रहे हैं, हम पहले उसके id के आधार पर एलिमेंट प्राप्त करते हैं, इस एलिमेंट को elem वेरिएबल में लिखते हैं, और फिर इस वेरिएबल से value प्रॉपर्टी स्क्रीन पर प्रदर्शित करते हैं।

वास्तव में elem वेरिएबल को पेश किए बिना भी डॉट्स की चेन इस तरह बनाई जा सकती है:

javascriptconsole.log( document.querySelector('#elem').value ); // 'text' प्रदर्शित करेगा

इसी तरह - चेन के माध्यम से - एट्रिब्यूट्स को रीराइट भी किया जा सकता है:

javascriptdocument.querySelector('#elem').value = 'www';

html<img id="image" src="avatar.png">

javascriptlet image = document.querySelector('#image');
console.log(image.src);