Question

我有一个简单的JS脚本，它将一个链接元素附加到页面的标题。

var stylesheet = document.createElement("link");
stylesheet.setAttribute("rel", "stylesheet");
stylesheet.setAttribute("href", chrome.extension.getURL("stylesheet.css"));
document.getElementsByTagName("head")[0].appendChild(stylesheet);

我想知道是否可以在页面的正文标记之前附加此链接。例如：

<html>

<head>
</head>

<(some other code that may be placed)/>
<link rel="stylesheet" href="stylesheet.css">

<body>
</body>

</html>

感谢任何帮助。提前谢谢！

Answer 1

你可以在jQuery中使用.after或.before函数：

$("head").after(yourLink);

将导致：

<head>...</head>
<link rel="foobar" />
<body>...</body>

编辑：没有jQuery，结果相同

document.querySelector("html").insertBefore(yourLink, document.body);

Chrome扩展程序 - 在正文之前附加链接元素

1 个答案: