Javascript CSS更改[使用JS]

Im使用StyleBot[Chrome插件]，并对网页进行了以下更改：

---

---

---

除了使用javascript脚本之外，是否可以使用StyleBot进行相同的更改？

您可以使用jQuery轻松做到这一点：

在你的情况下：

$("<style type='text/css'> td.forumRow { font-style: normal; font-family: Verdana; font-variant: normal; font-size: 8pt; text-decoration: none;}</style>").appendTo("head");

$（“td.forumRow{font-style:normal；font-family:Verdana；font-variant:normal；font-size:8pt；text-decoration:none；}”）.appendTo（“head”）；

使用jQuery，您可以轻松做到这一点：

在你的情况下：

$("<style type='text/css'> td.forumRow { font-style: normal; font-family: Verdana; font-variant: normal; font-size: 8pt; text-decoration: none;}</style>").appendTo("head");

$（“td.forumRow{font-style:normal；font-family:Verdana；font-variant:normal；font-size:8pt；text-decoration:none；}”）.appendTo（“head”）；

是。这里

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = "PASTE YORU CSS HERE"
top.document.body.appendChild(css);

记住，如果上面写着“在这里粘贴你的CSS”，你必须删除所有的换行符。使用此工具执行此操作：

是。这里

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = "PASTE YORU CSS HERE"
top.document.body.appendChild(css);

记住，如果上面写着“在这里粘贴你的CSS”，你必须删除所有的换行符。使用此工具可以做到这一点：

ExtJS使用

源代码：

我不是建议你把整个库都带进来，只是用他们的代码来启发你如何让它跨浏览器。

extjs使用

源代码：

---

---

我不是建议你把整个库都带进来，只是用他们的代码来启发你如何使它跨浏览器。

是的，你可以使用JavaScript来更改CSS。使用jQuery非常简单，而使用普通JavaScript则稍微困难一些。如何在jQuery中做到这一点？你可以修改样式，但不能修改实际的CSS规则，也许我只是没听说过。是的，你可以使用JavaScript修改CSS。使用jQuery非常简单，而使用普通JavaScript则稍微困难一些。如何在jQuery中做到这一点？你可以修改样式，但不能修改实际的CSS规则，也许我只是没听说过它可能是重复的，我的答案是纯javascript，不需要安装jQuery。如果你只需要创建新样式，那就行了。如果您需要更新现有样式，您需要的不仅仅是这些。@JuanMendes:好吧，以后的规则会覆盖以前的一次，因此，更新可以通过在现有样式之后插入新样式来实现。@FelixKling如果您需要继续添加规则只是为了更改现有规则的含义，这不是非常优雅的解决方案，除非您想进入jQuery，询问者没有提到，并特别提到javascript。但是，是的，网络的主要脚本语言有点糟糕。而且，我的答案是纯javascript，不需要安装jQuery。如果你只需要创建新的样式，那就行了。如果您需要更新现有样式，您需要的不仅仅是这些。@JuanMendes:好吧，以后的规则会覆盖以前的一次，因此，更新可以通过在现有样式之后插入新样式来实现。@FelixKling如果您需要继续添加规则只是为了更改现有规则的含义，这不是非常优雅的解决方案，除非您想进入jQuery，询问者没有提到，并特别提到javascript。但是，是的，web的主要脚本语言有点糟糕。OP想要更改CSS规则，而不是所有匹配元素的内联样式。例如，如果添加了一个新项目，新样式仍应适用于该项目。但是你的答案现在到处都是，你应该删除不适用于这个问题的代码。jQuery解决方案虽然有效，但并不十分优雅，不需要jQuery，因为它没有提供straight JS所没有的任何东西。您可以看到Jackson的解决方案非常明确。OP希望更改CSS规则，而不是所有匹配元素的内联样式。例如，如果添加了一个新项目，新样式仍应适用于该项目。但是你的答案现在到处都是，你应该删除不适用于这个问题的代码。jQuery解决方案虽然有效，但并不十分优雅，不需要jQuery，因为它没有提供straight JS所没有的任何东西。你可以看到，杰克逊的解决方案非常明确。