相关疑难解决方法(0)

以下是我们传统上如何更改重复元素的样式。

将样式应用到每个元素

function changeStyle(selector, prop, val) {
  var elems = document.querySelectorAll(selector);
  Array.prototype.forEach.call( elems, function(ele) {
    ele.style[prop] = val;
  });
}

changeStyle('.myData', 'color', 'red');

使用类来取代现有的样式

function addClass(selector, newClass) {
  var elems = document.querySelectorAll(selector);
  for (let i=0; i<elems.length; i++) {
    elems[i].classList.add(newClass);
  };
}

addClass('.myData', 'redText');

相反，我想更改实际样式表的选择器属性（例如直接修改类）。我不想循环遍历与我的选择器匹配的元素并直接应用 CSS，也不想向元素添加修饰符类。