主页 / 问题 / 1140322
Accepted
maks-maks157
Asked:2020-06-13 03:43:30 +0800 CST2020-06-13 03:43:30 +0800 CST

循环应用1次以上

  • 772

大家好。面对这个问题 - 如何将属性应用于方法中的所有 html 元素。这是应用于第一个元素的示例，如何转换并应用于所有元素？

class Elem {

                constructor(elements) {
                    this.elements = elements;
                }
        
        attr(type, value) {
                    let elem = document.querySelector(this.elements);
                    elem.setAttribute(type, value);
                    return this;
                }
        
}

let elem = new Elem('.paragraf');

elem.attr('class', 'abc');

javascript

1 个回答

  1. Best Answer

    在 attr 方法中，使用 querySelectorAll 而不是 querySelector 并传递结果（数组）并将所需的操作应用于每个元素。

    class Elem {
  constructor(query) {
    this.query = query;
  }

  attr(type, value) {
    const elems = document.querySelectorAll(this.query);
    elems.forEach(el => el.setAttribute(type, value));
    return this;
  }

}

let elem = new Elem('.paragraf');

elem.attr('class', 'green');
    .green {
  color: green;
}
    <div class="paragraf">Тест</div>
<div class="paragraf">Тест 1</div>
<div class="paragraf">Тест 2</div>
<div class="paragraf">Тест 3</div>
<div class="paragraf">Тест 4</div>
<div class="paragraf">Тест 5</div>

    • 1

相关问题