Как изменить класс у элементов с одинаковым именем на странице?

Question

SapphireSorceress

javascript

Как изменить класс у элементов с одинаковым именем на странице?

Как можно добавлять и удалять классы для элементов с одинаковым именем класса с помощью JavaScript? <br/> <br/> <blockquote><br/>
const faq_list = document.querySelector('.faq__info-button');<br/>
const faq = document.querySelector('.faq__info-text');<br/>
faq_list.addEventListener('click', () =&gt; {<br/>
	faq.classList.toggle('active');<br/>
});<br/>
</blockquote>

6 мая 2024 г. 16:40

Ответы на вопрос 1

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

Answer 1

Для изменения класса у элементов с одинаковым именем на странице можно использовать методы JavaScript для работы с DOM элементами. Например, использовать методы querySelectorAll() для выбора всех элементов с определенным именем класса и затем проходить циклом по этому списку для изменения класса каждого элемента.

Для добавления класса к элементам с одинаковым именем класса можно использовать метод classList.add(), а для удаления класса - метод classList.remove().

Пример добавления и удаления классов для элементов с одинаковым именем класса с помощью JavaScript:

```javascript
const elements = document.querySelectorAll('.example-class'); // выбираем все элементы с именем класса 'example-class'

// Добавляем класс 'new-class' ко всем элементам
elements.forEach(element => {
  element.classList.add('new-class');
});

// Удаляем класс 'old-class' у всех элементов
elements.forEach(element => {
  element.classList.remove('old-class');
});
``` 

Этот код выберет все элементы на странице с классом 'example-class' и добавит им класс 'new-class', а затем удалит класс 'old-class'.