使用 JavaScript 在 Internet Explorer 中插入外部 CSS

Question

我正在嘗試使用控制台將外部 CSS 加載到 Internet Explorer。 當我編寫注入代碼時，它說存在語法錯誤。

$(document.head).append('<link rel="stylesheet" href="http://fahaduddin.com/css-new/mystyles.css">');

Answer 1

您可以使用此代碼：

var element = document.createElement("link");
element.setAttribute("rel", "stylesheet");
element.setAttribute("type", "text/css");
element.setAttribute("href", "external.css");
document.getElementsByTagName("head")[0].appendChild(element);

Answer 2

這是一個更簡單的方法，我很確定這樣做會更快......

var style_link = document.createElement('link');
style_link.ref = 'stylesheet';
style_link.href = 'http://fahaduddin.com/css-new/mystyles.css';
document.head.append(style_link);