JavaScript арқылы атрибуттармен жұмыс істеу кезіндегі ерекшеліктер
Атрибуттармен жұмыс істеу кезінде бір ерекшелік бар
- бұл class атрибуты.
Бұл сөз JavaScript-те арнайы сөз болып табылады
сондықтан біз class атрибутының мәнін оқу үшін
жай elem.class деп жаза алмаймыз.
Оның орнына elem.className деп жазу керек.
Мысалға қарайық. Бізде мынайдай инпут бар делік:
<input id="elem" class="aaa bbb">
Инпутымыздың class атрибутының мәнін
шығарайық:
let elem = document.querySelector('#elem');
console.log(elem.className); // шығарады 'aaa bbb'
Басқа да ерекшеліктер бар, мысалы,
for атрибуты. Оған htmlFor
арқылы жету керек.
Берілген див:
<div id="elem" class="content no-gap"></div>
Сондай-ақ түйме берілген. Түймені басқанда дивтің
class атрибутының мәнін оқып, экранға шығарыңыз.
Берілген див:
<div id="elem"></div>
Сондай-ақ түйме берілген. Түймені басқанда дивтің
class атрибутына бір класс жазыңыз.
Бірнеше CSS кластары бар див берілген, олар бос орын арқылы жазылған:
<div id="elem" class="aaa bbb ccc"></div>
Сондай-ақ түйме берілген. Түймені басқанда дивтің CSS кластарының массивін алыңыз.
