Question

7

Append some HTML into the HEAD tag?

rated 0 times [ 14] [ 7] / answers: 1 / hits: 17495 / 14 Years ago, tue, april 20, 2010, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lucianom

Add To Favorites

Follow

Total Points: 601

Total Questions: 98

Total Answers: 109

Location: Kenya

Member since Fri, Dec 23, 2022

1 Year ago

lucianom questions

1 Map and sort data by date

Tue, Feb 22, 22, 00:00, 2 Years ago

1 Typescript axios typings

Wed, May 5, 21, 00:00, 3 Years ago

1 Ho can I add two values in Bootstrap range slider

Sun, Jan 24, 21, 00:00, 3 Years ago

1 Discord.js, async and await

Sat, Aug 15, 20, 00:00, 4 Years ago

1 How do I call a JS Function in another file?

Mon, Jun 22, 20, 00:00, 4 Years ago

View All

answered 14 Years ago harveys · Accepted Answer

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