Как обратиться к классу в javascript

Question

Ivan Gagarinov · Accepted Answer

Чтобы получить имя класса html-элемента, достаточно обратиться к свойству `className` этого элемента. Оно позволяет задать класс и получить его имя. Также можно задать несколько классов разделяя их пробелами. Кроме этого свойства есть ещё свойство `classList`, которое предоставляет разные методы по работе с классами. Например: ```javascript const div1 = document.createElement('div'); div1.className = 'foo'; console.log(div1.outerHTML); // =>

console.log(div1.className); // => foo const div2 = document.createElement('div'); div2.className = 'foo bar'; console.log(div2.outerHTML); // =>

console.log(div2.className); // => foo bar const div3 = document.createElement('div'); div3.classList.add('foo'); console.log(div3.outerHTML); // =>

console.log(div3.classList); // => DOMTokenList ['foo', value: 'foo'] const div4 = document.createElement('div'); div4.classList.add('foo', 'bar', 'baz'); console.log(div4.outerHTML); // =>

console.log(div4.classList); // => DOMTokenList(3) ['foo', 'bar', 'baz', value: 'foo bar baz'] ```

Как обратиться к классу в javascript

Ответы

Каталог