javascript - 使用 Javascript 修改 css 类不起作用

Question

我目前正在编写一个小的 chrome 扩展来修改现有站点。如果子项包含具有值的属性(例如红色、蓝色...)，我会尝试修改一个 div 元素。如果子项包含一个属性值为红色的值，我希望父级 div 颜色为红色，依此类推。

我写过这个 JS:

//find the parent div element
element = element.getElementsByClassName("existing-class-to-find-div")[0];
// check if the attribute from the child is blue
...
if (color == blue){
   element.className += " RedColorClass";
}

如果我用 element.outerHTML 或 className 打印出 elmenent，一切都很好，我看到了新值。但是在实际站点上仍然存在旧值并且没有更改。我是否必须触发某些东西来刷新 html 站点？

Answer 1

使用 element.classList.add("RedColorClass") 或者，如果您使用 jQuery:

 $(element).addClass("RedColorClass");