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

标签 javascript jquery html css google-chrome

我目前正在编写一个小的 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 站点?

最佳答案

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

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

关于javascript - 使用 Javascript 修改 css 类不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24980850/

相关文章:

JavaScript/HTML/CSS : Zooming

javascript - 根据复选框数据显示或隐藏 HTML 列表,Laravel 4

jquery - 我想使用 ajax 重定向到下一页,但它可以工作

iphone - 在 iphone 应用程序中嵌入 HTML 页面的最佳框架?

javascript - 如何通过 Bootstrap 日期时间选择器使用今天和明天按钮?

javascript - Azure:通过主体 ID 获取用户电子邮件

javascript - 如何为低带宽连接禁用 jquery include

jquery - 使用 jquery append 时单选按钮不起作用

html - Clearfix hack 不包含带边框的内部 div

javascript - 重新排序 <ul> 的显示顺序