ატრიბუტებთან მუშაობის გამონაკლისები 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-ის მეშვეობით.

Задание 1

მოცემულია დივი:

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

მოცემულია ასევე ღილაკი. ღილაკზე დაწკაპუნებით წაიკითხეთ და ეკრანზე გამოიტანეთ ჩვენი დივის class ატრიბუტის მნიშვნელობა.

Задание 2

მოცემულია დივი:

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

მოცემულია ასევე ღილაკი. ღილაკზე დაწკაპუნებით ჩაწერეთ ჩვენი დივის class ატრიბუტში რაიმე კლასი.

Задание 3

მოცემულია დივი რამოდენიმე CSS კლასით, ჩაწერილი გამოტოვებით:

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

მოცემულია ასევე ღილაკი. ღილაკზე დაწკაპუნებით მიიღეთ ჩვენი დივის CSS კლასების მასივი.