以下是我们传统上更改重复元素样式的方法。
将样式应用于每个元素
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,也不想向元素添加修饰符类。
<link>
标签中添加crossorigin ="anonymous"
(这对于file://
不起作用,因此您必须使用类似npx http-server
的东西来托管它)。 - Yami Odymel