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

Chrome Extension - Append link element before body

本文关键字：链接 元素 扩展 正文 Chrome      更新时间：2024-03-24

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

感谢您的帮助。提前感谢！

您可以在jQuery:中使用.after或.bfore函数

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

将导致：

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

编辑：没有jQuery，结果相同

document.querySelector("html").insertBefore(yourLink, document.body);
相关文章：