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

时间:2013-12-05 09:25:19

标签: javascript html google-chrome-extension

我有一个简单的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>

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

1 个答案:

答案 0 :(得分:1)

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

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

将导致:

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

编辑:没有jQuery,结果相同

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