Найти все кнопки button на странице через JS и дать класс
У меня такая задача, нужно с помощью JS, найти все кнопки из дива .buttons и задать им класс. Никак не могу справляться с этим, я не очень разбираюсь пока что. Какие варианты решения можете предлагать ? Спасибо.
<div class="buttons">
<button type="button" onclick="">
<span>В корзину</span>
</button>
</div>
Ответы (1 шт):
Автор решения: OPTIMUS PRIME
→ Ссылка
let buttons = document.querySelectorAll('.buttons button');
buttons.forEach( button => button.classList.add('red') );
.red { color: red; border: 2px solid red; margin: 5px; }
<div class="buttons">
<button> - - - </button>
<button> - - </button>
</div>
<div class="buttons">
<button> - - - </button>
</div>
Или же,
for( let i = 0; i < buttons.length; i++ ) {
buttons[i].classList.add('red');
}