classList ობიექტის add მეთოდი
add მეთოდი
classList
ობიექტის საშუალებას აძლევს ელემენტს დაემატოს CSS კლასები.
სინტაქსი
element.classList.add(klasi);
მაგალითი
დავამატოთ ელემენტს კლასი kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
კოდის შესრულების შედეგი:
<p id="elem" class="www ggg zzz kkk"></p>
მაგალითი
დავამატოთ ელემენტს კლასი zzz, რომელიც
უკვე აქვს ელემენტს - არაფერი მოხდება,
რადგან კლასების დუბლიკატები არ ემატება:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
კოდის შესრულების შედეგი:
<p id="elem" class="www ggg zzz"></p>
იხილეთ აგრეთვე
-
classList.removeმეთოდი,
რომელიც შლის მითითებულ კლასს -
classList.containsმეთოდი,
რომელიც ამოწმებს მითითებულ კლასს -
classList.toggleმეთოდი,
რომელიც ცვლის მითითებულ კლასს
