JavaScriptда атрибутлар билан ишлашдаги истиснолар
Атрибутлар билан ишлашда бир истисно мавжуд
- бу class атрибути.
Бу сўз JavaScriptда махсус хисобланади
ва шунинг учун биз 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
орқали мурожаат қилиш керак.
Див берилган:
html<div id="elem" class="content no-gap"></div>
Тугма ҳам берилган. Тугмани босганда дивимизнинг
class атрибути қийматини ўқанг ва
экранга чиқаринг.
Див берилган:
html<div id="elem"></div>
Тугма ҳам берилган. Тугмани босганда дивимизнинг
class атрибутига бирон CSS классни ёзинг.
Бир нечта CSS класслари бор див берилган, улар бошланғич билан ажратилган:
html<div id="elem" class="aaa bbb ccc"></div>
Тугма ҳам берилган. Тугмани босганда дивимизнинг CSS класслари массавини олинг.