在HEAD标签中附加一些HTML？

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