使用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);