Izņēmumi, strādājot ar atribūtiem JavaScript

Strādājot ar atribūtiem, pastāv izņēmums - tas ir atribūts class. Šis vārds JavaScript ir īpašs, un tāpēc mēs nevaram vienkārši uzrakstīt elem.class, lai nolasītu atribūta class vērtību. Tā vietā jāraksta elem.className.

Paskatīsimies uz piemēru. Pieņemsim, ka mums ir dots šāds input elements:

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

Izvadīsim atribūta class vērtību mūsu input elementam:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // izvadīs 'aaa bbb'

Pastāv arī citi izņēmumi, piemēram, atribūts for. Pie tam vajadzētu piekļūt caur htmlFor.

Задание 1

Dots div:

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

Dota arī poga. Noklikšķinot uz pogas, nolasiet un izvadiet ekrānā atribūta class vērtību mūsu div elementam.

Задание 2

Dots div:

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

Dota arī poga. Noklikšķinot uz pogas, ierakstiet atribūtā class mūsu div elementam kādu klasi.

Задание 3

Dots div ar vairākām CSS klasēm, ierakstītām ar atstarpi:

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

Dota arī poga. Noklikšķinot uz pogas, iegūstiet mūsu div elementa CSS klašu masīvu.