जावास्क्रिप्ट में टैग गुणों के रूप में विशेषताएँ
आइए अब टैग की विशेषताएँ प्राप्त करना सीखें। यहाँ निम्नलिखित नियम लागू होता है: टैग की प्रत्येक विशेषता DOM तत्व के समान नाम वाली संपत्ति से मेल खाती है।
आइए एक उदाहरण देखें। मान लीजिए कि हमारे पास इस प्रकार का टैग है:
html<input id="elem" type="text">
चलिए एक चर में हमारे तत्व का लिंक प्राप्त करते हैं:
javascriptlet elem = document.querySelector('#elem');
आइए हमें आवश्यक विशेषताओं के मान आउटपुट करते हैं:
javascriptconsole.log(elem.id); // 'elem' आउटपुट करेगा
console.log(elem.type); // 'text' आउटपुट करेगा
और अब उदाहरण के लिए विशेषता का मान बदलते हैं:
javascriptelem.type = 'submit';
निम्नलिखित इनपुट दिया गया है:
html<input id="elem" type="email">
एक बटन भी दिया गया है। बटन दबाने पर
स्क्रीन पर ऊपर दिए गए इनपुट की type विशेषता की
सामग्री प्रदर्शित करें।
निम्नलिखित इनपुट दिया गया है:
html<input id="elem" type="email">
एक बटन भी दिया गया है। बटन दबाने पर
type विशेषता में submit मान लिखें।
मान लीजिए कि आपके पास a टैग के रूप में एक लिंक है,
एक बटन और एक पैराग्राफ। बटन दबाने पर
लिंक की href विशेषता की सामग्री
पैराग्राफ में प्रदर्शित करें।
मान लीजिए कि आपके पास एक लिंक और एक बटन है। बटन दबाने
पर लिंक के टेक्स्ट के अंत में उसकी href विशेषता की
सामग्री को गोल कोष्ठक में जोड़ें।
मान लीजिए कि आपके पास एक छवि है। इसे img टैग की सहायता से
पेज पर रखें।
मान लीजिए कि एक बटन और एक पैराग्राफ भी दिया गया है। ऐसा
करें कि बटन पर क्लिक करने पर पैराग्राफ में
छवि के src विशेषता से छवि का पथ लिखा जाए।
img टैग में एक छवि और एक बटन दिया गया है।
बटन दबाने पर width
विशेषता में 300 मान लिखें।
img टैग में एक छवि और एक बटन दिया गया है।
मान लीजिए कि width विशेषता में कुछ
चौड़ाई निर्धारित है। एक बटन बनाएं, जिस पर दबाने से
छवि की चौड़ाई 2 गुना बढ़ जाएगी।
मान लीजिए कि आपके पास दो छवियाँ हैं। पेज पर
img टैग और दो बटन बनाएं।
पहले बटन पर दबाने पर src विशेषता में
पहली छवि का पथ लिखें, और दूसरे बटन पर दबाने पर
- दूसरी छवि का पथ लिखें।