Изключения при работа с атрибути в 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.
Даден е div:
html<div id="elem" class="content no-gap"></div>
Дадена е и бутон. При натискане на бутона прочетете
и изведете на екрана стойността на атрибута class
на нашия div.
Даден е div:
html<div id="elem"></div>
Дадена е и бутон. При натискане на бутона запишете
в атрибута class на нашия div някакъв
клас.
Даден е div с няколко CSS класа, записани чрез интервал:
html<div id="elem" class="aaa bbb ccc"></div>
Дадена е и бутон. При натискане на бутона получете масив от CSS класовете на нашия div.