Как обратиться к классу в javascript
Ответы
Ivan Gagarinov
05 сентября 2022
Чтобы получить имя класса html-элемента, достаточно обратиться к свойству className этого элемента. Оно позволяет задать класс и получить его имя. Также можно задать несколько классов разделяя их пробелами. Кроме этого свойства есть ещё свойство classList, которое предоставляет разные методы по работе с классами.
Например:
const div1 = document.createElement('div');
div1.className = 'foo';
console.log(div1.outerHTML); // => <div class="foo"></div>
console.log(div1.className); // => foo
const div2 = document.createElement('div');
div2.className = 'foo bar';
console.log(div2.outerHTML); // => <div class="foo bar"></div>
console.log(div2.className); // => foo bar
const div3 = document.createElement('div');
div3.classList.add('foo');
console.log(div3.outerHTML); // => <div class="foo"></div>
console.log(div3.classList); // => DOMTokenList ['foo', value: 'foo']
const div4 = document.createElement('div');
div4.classList.add('foo', 'bar', 'baz');
console.log(div4.outerHTML); // => <div class="foo bar baz"></div>
console.log(div4.classList); // => DOMTokenList(3) ['foo', 'bar', 'baz', value: 'foo bar baz']
0
0
