Как присвоить новый класс группе div'ов с одним классом?

Question

Как средствами js присвоить каждому из блоков c классом "col", находящихся внутри блока "block" новый класс?

<div class="block">
    <div class="col">
      <img src="" alt="">
      <p>Описание</p>
    </div>
    <div class="col">
      <img src="" alt="">
      <p>Описание</p>
    </div>
    <div class="col">
      <img src="" alt="">
      <p>Описание</p>
    </div>
</div>

Answer 1

const cols = document.querySelectorAll('.block .col');

cols.forEach(elem => {
  elem.classList.add('myClass');
})

<div class="block">
    <div class="col">
      <img src="" alt="">
      <p>Описание</p>
    </div>
    <div class="col">
      <img src="" alt="">
      <p>Описание</p>
    </div>
    <div class="col">
      <img src="" alt="">
      <p>Описание</p>
    </div>
</div>

БЛОГ НА HUSL

Как присвоить новый класс группе div'ов с одним классом?

Ответы (1 шт):