将一些HTML添加到HEAD标记中？ [英] Append some HTML into the HEAD tag?

问题描述

  var h = document.getElementsByTagName（' 。头'）项（0）; 
 h.innerHTML + ='< style> a {font-size：100px;}< / style>'; 
  

但是当我在IE8中运行此代码时，我看到以下错误消息：
无法设置innerHTML属性。

任何想法？

使用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）; 
  

I want to add some style to head tag in html page using javascript.

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

But when I run this code in IE8 I see this error message: Could not set the innerHTML property. Invalid target element for this operation.

Any ideas?

解决方案

Create the style element with 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);

这篇关于将一些HTML添加到HEAD标记中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！