JavaScriptda atributlar bilan ishlashda istisnolar

Atributlar bilan ishlashda bir istisno mavjud - bu class atributi. Bu so'z JavaScriptda maxsus so'z hisoblanadi va shuning uchun biz class atributi qiymatini o'qish uchun shunchaki elem.class yozolmaymiz. Buning o'rniga elem.className yozish kerak.

Keling, bir misolni ko'rib chiqaylik. Faraz qilaylik, bizda quyidagi input mavjud:

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

Keling, inputimizning class atributi qiymatini chiqaraylik:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb' ni chiqaradi

Boshqa istisnolar ham mavjud, masalan, for atributi. Unga murojaat qilish htmlFor orqali amalga oshiriladi.

Задание 1

Div berilgan:

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

Shuningdek, tugma berilgan. Tugmani bosganda divimizning class atributi qiymatini o'qing va ekranga chiqaring.

Задание 2

Div berilgan:

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

Shuningdek, tugma berilgan. Tugmani bosganda divimizning class atributiga biron bir class yozing.

Задание 3

Bir nechta CSS classlari probel orqali ajratilgan div berilgan:

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

Shuningdek, tugma berilgan. Tugmani bosganda divimizning CSS classlari massivini oling.