JavaScript. Урок №24. (classList, cssText, tagName)

Свойство classList

classList это псевдомассив классов элемента (который можно, к примеру, перебрать циклом)

Свойство classList позволяет добавлять и удалять классы элемента, проверять наличие определенного класса среди классов элемента.

Речь идет об атрибуте class, внутри которого можно писать несколько классов через пробел, например 'www ggg zzz'. С помощью classList можно удалить, к примеру, класс ggg, не затронув остальные классы.

набор методов classList

Пример

Свойство cssText

Свойство cssText позволяет задать CSS стили массово одной строкой. При этом все содержимое атрибута style перезаписывается.

Пожалуйста, не злоупотребляйте этим свойством. cssText затирает все из атрибута style, это значит, что все ранее установленные через JavaScript стили CSS просто затрутся.

Пример 1

Попробуйте написать данный код по памяти

Пример 2

Напишите данный код по памяти.

Свойство tagName

Свойство tagName содержит имя тега в верхнем регистре (большими буквами).

Выведите данный код у себя на ноутбуке

Очень важно после теории решать задачи так как это помогает усвоению информации.

Задачи

• —Создайте элемент c id="item". Добавьте ему класс newClass.
• —Создайте элемент c id="item". Проверьте наличие у него класса newClass.
• —Создайте кнопку. При нажатии на кнопу элемент должен появиться или скрыться. В начале элемент скрыт (это реализуется с помощью display: none), а появляется помощью добавления класса active.
• Создайте элемент c id ="item", красного цвета, размером 45px, добавьте границу. Задачу необходимо решить с помощью свойства cssText.