importing css using js

**iiz** · 03-31-2008 01:37 AM

i have tried a bunch of methods a few bellow:

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link id="myid" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
  sigh=document.getElementById('myid');
  sigh.setAttribute('href', 'css/bg.css');
</script>

</head>

aswell as a slightly more complex one.

Code:

function css(source) {
	create = document.createElement('link');
	create.setAttribute('rel' , 'stylesheet');
	create.setAttribute('type' , 'text/css');
	create.setAttribute('href' , source);
	document.childNodes[0].appendChild(create); ;
}

if (!window.ie) {
	css('/css/bg.css');
}

i have tried a massive amount of different scripts. just cant seem to get it right im not sure if its me or what.

thanks for looking
-nick

**Fang** · 03-31-2008 02:05 AM

Code:

document.getElementsByTagName('head')[0].appendChild(create);

**iiz** · 04-01-2008 07:21 PM

that did not seem to work. i just wanted to inject a new tag into head based on browser. i have tried this code here and it failed.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lol</title>
<script type="text/javascript">
	create = document.createElement('link');
	create.setAttribute('rel' , 'stylesheet');
	create.setAttribute('type' , 'text/css');
	create.setAttribute('href' , source);
	document.getElementsByTagName('head')[0].appendChild(create);
</script>

</head>

<body>
lol
</body>

</html>

i also tried to remove the xhtml tag aswell as placing the script into the body of the document. nothing seemed to work.

-nick

**Fang** · 04-02-2008 12:51 AM

The code works if the function is called after the head has loaded and the path to the css is correct.

Thread: importing css using js

Thread Tools

Display

importing css using js

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions