თვისება classList

თვისება classList შეიცავს ფსევდომასივს ელემენტის CSS კლასების, ასევე საშუალებას გაძლევს დაამატო და წაშალო ელემენტის კლასები, შეამოწმო კონკრეტული კლასის არსებობა ელემენტის კლასებს შორის.

საუბარია ატრიბუტ class-ზე, რომლის შიგნითაც შესაძლებელია რამდენიმე კლასის დაწერა გამოტოვებით, მაგალითად www ggg zzz. classList-ის საშუალებით შესაძლებელია წაშალო, მაგალითად, კლასი ggg, სხვა კლასების შეუხებლად.

სინტაქსი

javascriptელემენტი.classList;

მაგალითი . კლასების რაოდენობა

გავიგოთ ელემენტის კლასების რაოდენობა:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');

let length = elem.classList.length;
console.log(length);

კოდის შესრულების შედეგი:

javascript3

მაგალითი . კლასების გადავლა

გამოვიტანოთ ელემენტის კლასები სათითაოდ:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
let classNames = elem.classList;

for (let className of classNames) {
  console.log(className);
}

კოდის შესრულების შედეგი:

javascript'www'
'ggg'
'zzz'

იხილეთ აგრეთვე