В този урок ще разгледаме собственост classList. Тя е предназначена за работа с класове елемент (възел). С нея ще можете не само да получите стойността на клас атрибут на елемента, но също така да добавяте нови класове или да го изтриете съществуващ.

Работа с класа (ове) на елемента

класове на работа с елемент (възел) чрез getAttribute () методи. setAttribute () и removeAttribute () е трудно, като например, когато трябва да добавите, изтриете или да премине всеки един от елементите в определен клас. Тези методи позволяват да се работи с стойност клас атрибут само като цяло и не позволява да контролирате своите отделни класове.

За да контролира отделните елементи на класа, в който искате да използвате classList собственост. Този имот представлява клас атрибут като DOMTokenList обект. Самият имот classList е само за четене, както и управление на класната стая (класове) елемент с помощта на методи DOMTokenList обект.

classList собственост (DOMTokenList обект) не се поддържа от Internet Explorer 8, 9, и Opera Mini браузъри.

Имотът Дължината

DOMTokenList обект е с дължина собственост. която връща броя на паралелките в списъка. Този имот е само за четене.

Методи DOMTokenList обект

добави (Клас1, Class2.) - добавя един или повече класове на елемента. Ако за съответния клас вече нямат този артикул, тя няма да бъде добавена.

съдържа (клас) - връща истина или лъжа, в зависимост от това дали елементът има за съответния клас.

т (индекс) - връща името на класа от своя индекс на събиране DOMTokenList. Елементите се броят (класове) в началото на събирането на 0. Ако сте в като параметър на метода на т () индекс показва несъществуващ клас (т.е. индексът е извън обхват), а след това този метод ще се върне към вас в резултат на нула.

премахнете (classl, Class2.) - премахва един или повече от тези класове на т у. Ако зададете класа, която не съществува в клетката, тя няма да доведе до грешка в метода.

превключване (клас, вярно | невярно) - превключва посоченото име клас за елемента. Toggle метод има 2 параметри: клас (задължително) - показва името на класа, за да се превърне; вярно | фалшива (по желание) - Булева стойност, която принуждава ключа или изключване на съответния клас на елемента.

Когато използвате Превключване на с един параметър, той превключва на класа. Т.е. ако класът е елемент, ще бъде премахнато, ако този клас не е елемент, добавя към него.

При използване на метод Превключване на 2 параметри, минава класа в зависимост от стойността на параметъра 2. Ако параметър 2 е настроен да е вярно. След това методът добавя клас на елемента. Ако параметър 2 е настроен да лъжа. След това този метод премахва определена категория на елемента.

Ако използвате Превключване на метод, е необходимо да се има предвид, че втория вариант не се поддържа в Internet Explorer 10 и 11.

Например, един превключвател скрито-XS клас на елемента, който има идентификатор = "страничната лента":

Например, за да добавите повече класове на елемента с идентификатор = "myID":

Например, за да се отстрани скрити х класа на елемента с идентификатор = "myID":

Например, за да получите име за първи клас за елемента с идентификатор = "myID":

Например, за да се определи дали клас т скрито-LG, и ако е така, да го премахнете: