在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

style使用createElement 创建元素:

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