जावास्क्रिप्ट में एट्रिब्यूट्स के साथ काम करते समय अपवाद

एट्रिब्यूट्स के साथ काम करते समय एक अपवाद होता है - वह है एट्रिब्यूट class. यह शब्द जावास्क्रिप्ट में एक विशेष शब्द है और इसलिए हम केवल elem.class लिखकर एट्रिब्यूट class का मान प्राप्त नहीं कर सकते। इसके बजाय elem.className लिखना चाहिए।

आइए एक उदाहरण देखें। मान लीजिए कि हमारे पास ऐसा इनपुट दिया गया है:

html<input id="elem" class="aaa bbb">

आइए हमारे इनपुट के लिए एट्रिब्यूट class का मान आउटपुट करें:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb' आउटपुट करेगा

अन्य अपवाद भी मौजूद हैं, उदाहरण के लिए, एट्रिब्यूट for. इस तक पहुंच htmlFor के माध्यम से होनी चाहिए।

Задание 1

दिया गया डिव:

html<div id="elem" class="content no-gap"></div>

एक बटन भी दी गई है। बटन पर क्लिक करने पर हमारे डिव के एट्रिब्यूट class का मान पढ़ें और स्क्रीन पर आउटपुट करें।

Задание 2

दिया गया डिव:

html<div id="elem"></div>

एक बटन भी दी गई है। बटन पर क्लिक करने पर हमारे डिव के एट्रिब्यूट class में कोई क्लास लिखें।

Задание 3

कई सीएसएस क्लासेस वाला डिव दिया गया है, जो स्पेस से अलग किए गए हैं:

html<div id="elem" class="aaa bbb ccc"></div>

एक बटन भी दी गई है। बटन पर क्लिक करने पर हमारे डिव की सीएसएस क्लासेस की एक सरणी प्राप्त करें।