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

Question

I am trying to load external CSS into Internet explorer using console. When I write the injection code, it says there is a Syntax error.

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

Answer 1

You can use this code:

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

Here's a simpler and I'm pretty sure faster way of doing this...

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