使用JavaScript添加外部样式表

使用JavaScript添加外部样式表,javascript,html,css,external,Javascript,Html,Css,External,我需要使用外部javascript文件在标题中添加指向外部css文件的链接。不要问为什么;我只需要这样做document.write()不起作用,顺便说一句。备选一行程序: var element = document.createElement("link"); element.setAttribute("rel", "stylesheet"); element.setAttribute("type", "text/css"); element.setAttribute("href", "ex

我需要使用外部javascript文件在标题中添加指向外部css文件的链接。不要问为什么;我只需要这样做
document.write()
不起作用,顺便说一句。

备选一行程序:

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);
document.head.insertAdjacentHTML( 'beforeend', '<link rel=stylesheet href=/ext.css>' );
document.head.insertAdjacentHTML('beforeed','';

您应该能够将
链接
节点添加到DOM,就像将
p
div
节点添加到文档一样。你试过了吗?问题是是否会采用这种风格。我真的不知道。。。。好问题。有人在这里尝试过:@Ray Toal-是的,一旦你在头部插入link元素,样式就会被应用。请注意,IE并不总是喜欢这样插入
link
标记。检查
document.createStylesheet
并在它出现时使用。老实说,我不太喜欢IE,所以这不是一个问题。谢谢你,本!使用
document.head.appendChild(元素)
而不是
document.getElementsByTagName(“head”)[0]。appendChild(元素)不错!这是迄今为止我发现的最整洁的解决方案:)