Истисноҳо дар кор бо атрибутҳо дар JavaScript

Дар кор бо атрибутҳо истисно мавҷуд аст - ин атрибути class мебошад. Ин калима дар JavaScript махсус аст ва аз ин рӯ мо наметавонем танҳо elem.class нависем, то қимати атрибути class-ро хонем. Балки бояд elem.className навишт.

Биёед мисолро бубинем. Фарз кунем, ки мо ин гуна input дорем:

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

Биёед қимати атрибути class-ро барои input-и мо чоп кунем:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb'-ро чоп мекунад

Истисноҳои дигар низ мавҷуданд, масалан, атрибути for. Ба он бояд тавассути htmlFor муроҷиат кард.

Задание 1

Div дода шудааст:

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

Тугма низ дода шудааст. Бо пахши тугма қимати атрибути class-ро хонед ва онро дар экран чоп кунед.

Задание 2

Div дода шудааст:

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

Тугма низ дода шудааст. Бо пахши тугма ба атрибути class-и div-и мо ягон классиро нависед.

Задание 3

Div бо якчанд CSS классҳо дода шудааст, ки тавассути фосила навишта шудаанд:

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

Тугма низ дода шудааст. Бо пахши тугма массив аз CSS классҳои div-и мо гиред.