Логотип Хекслета
/
Вопросы и ответы
/
JavaScript
/

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

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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

0

Чтобы получить имя класса 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']

3 года назад

Ivan Gagarinov

Похожие вопросы