Question

使用chrome扩展程序，我想更改与单个div关联的样式表。

例如，当前页面如下所示：

<div id="footer">
<link rel="stylesheet" type="text/css" href="linktostylesheet.css">
...
</div>

我想不使用该样式表，并插入我自己的样式：

<div id="footer">
<link rel="stylesheet" type="text/css" href="link to my new stylesheet.css">
...
</div>

我对这种类型的编程有点失落。到目前为止，我的内容脚本中有以下代码片段，但我认为我没有正确的想法。

d = document.getElementById("footer").getContentDocument();
d.styleSheets[d.styleSheets.length].href = 'newstylesheet.css';

Answer 1

<link>元素应该是<head>元素的子元素。您可以通过link属性的起始值选择href元素，将元素的href设置为新值。

document.querySelector("link[href^=linktostylesheet]").href = "newstylesheet.css";