主页 / 问题 / 1115598
Accepted
Бармалей
Asked:2020-04-25 21:57:20 +0000 UTC2020-04-25 21:57:20 +0000 UTC

如何将新类分配给具有相同类的一组 div？

  • 772

如何使用js为“block”块内的“col”类为每个块分配一个新类？

<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>

javascript

1 个回答

  1. Best Answer

    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>

    • 5

相关问题