javascript - 使用 javascript 更改外部 CSS 的属性

标签 javascript css external

首先,抱歉英语不好。

好吧,我需要使用 javascript 更改所有段落的颜色属性,这是我的 html 和 JS 代码:

<body>
<p>Parragraph one</p>
<p>Parragraph two</p>
<button onclick="CE()">change style</button>
</body>

for (var j=0;j<document.styleSheets[0].cssRules.length;j++) {
  if(document.styleSheets[0].cssRules[j].selectorText='p')
    document.styleSheets[0].cssRules[j].style.color="#FF0000";
}

这是我的 CSS 代码:

p{
    color: green;
    font-size: 20px;
    font-weight: bold;
    font-family: arial;
}

我也试着用这个来改变它:document.styleSheets[0].cssRules[0].style.backgroundColor="#FF0000"; (试图改变背景颜色,只是为了看看它是否有效,但只适用于 Mozilla Firefox)

最佳答案

用你想要的颜色创建另一个类,然后使用 jQuery 添加和删除你认为合适的类。

关于javascript - 使用 javascript 更改外部 CSS 的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19786196/

相关文章:

javascript - 滚动条显示且不起作用

html - 强制固定元素内的 div 水平滚动

c - 在 main() 中声明的函数是否具有外部链接或无链接?

PHP 使用外部磁盘驱动器下载文件

Javascript 千位分隔符/字符串格式

javascript - 嵌套指令中的 AngularJS 格式化程序

html - 知道用于全屏背景图像的良好 CSS 技术吗?

ruby - 在 ruby​​ 中执行外部程序并等待其执行

javascript - 如何使用 .load() 加载脚本

javascript - dygraphs 只接受排序数据?