जावास्क्रिप्ट में टैग गुणों के रूप में विशेषताएँ

आइए अब टैग की विशेषताएँ प्राप्त करना सीखें। यहाँ निम्नलिखित नियम लागू होता है: टैग की प्रत्येक विशेषता 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';
Задание 1

निम्नलिखित इनपुट दिया गया है:

html<input id="elem" type="email">

एक बटन भी दिया गया है। बटन दबाने पर स्क्रीन पर ऊपर दिए गए इनपुट की type विशेषता की सामग्री प्रदर्शित करें।

Задание 2

निम्नलिखित इनपुट दिया गया है:

html<input id="elem" type="email">

एक बटन भी दिया गया है। बटन दबाने पर type विशेषता में submit मान लिखें।

Задание 3

मान लीजिए कि आपके पास a टैग के रूप में एक लिंक है, एक बटन और एक पैराग्राफ। बटन दबाने पर लिंक की href विशेषता की सामग्री पैराग्राफ में प्रदर्शित करें।

Задание 4

मान लीजिए कि आपके पास एक लिंक और एक बटन है। बटन दबाने पर लिंक के टेक्स्ट के अंत में उसकी href विशेषता की सामग्री को गोल कोष्ठक में जोड़ें।

Задание 5

मान लीजिए कि आपके पास एक छवि है। इसे img टैग की सहायता से पेज पर रखें। मान लीजिए कि एक बटन और एक पैराग्राफ भी दिया गया है। ऐसा करें कि बटन पर क्लिक करने पर पैराग्राफ में छवि के src विशेषता से छवि का पथ लिखा जाए।

Задание 6

img टैग में एक छवि और एक बटन दिया गया है। बटन दबाने पर width विशेषता में 300 मान लिखें।

Задание 7

img टैग में एक छवि और एक बटन दिया गया है। मान लीजिए कि width विशेषता में कुछ चौड़ाई निर्धारित है। एक बटन बनाएं, जिस पर दबाने से छवि की चौड़ाई 2 गुना बढ़ जाएगी।

Задание 8

मान लीजिए कि आपके पास दो छवियाँ हैं। पेज पर img टैग और दो बटन बनाएं। पहले बटन पर दबाने पर src विशेषता में पहली छवि का पथ लिखें, और दूसरे बटन पर दबाने पर - दूसरी छवि का पथ लिखें।