javascript - 将一些 HTML 附加到 HEAD 标记中？

Question

我想使用 javascript 在 html 页面的 head 标签中添加一些样式。

var h = document.getElementsByTagName('head').item(0);
h.innerHTML += '<style>a{font-size:100px;}</style>';

但是当我在 IE8 中运行这段代码时，我看到了这条错误信息:无法设置 innerHTML 属性。此操作的目标元素无效。

有什么想法吗？

Answer 1

使用 createElement 创建 style 元素:

var h = document.getElementsByTagName('head').item(0);
var s = document.createElement("style");
s.type = "text/css"; 
s.appendChild(document.createTextNode("a{font-size:100px;}"));
h.appendChild(s);