|
How to add a CSS Link programmatically using JavaScript |
|
|
|
Written by Peyman
|
|
Thursday, 23 July 2009 |
|
How to add a CSS Link programmatically using JavaScript In this post, here’s a piece of JavaScript code that demonstrates how you can programmatically reference a CSS link on a page. 
Code <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="CSS/FloatDes.css" rel="stylesheet"
title="Float layout" type="text/css" />
<script type="text/javascript">
function addCSS() {
var headtg = document.getElementsByTagName('head')[0];
if (!headtg) {
return;
}
var linktg = document.createElement('link');
linktg.type = 'text/css';
linktg.rel = 'stylesheet';
linktg.href = 'CSS/RoundCorners.css';
linktg.title = 'Rounded Corners';
headtg.appendChild(link);
}
</script>
</head>
<body onload="addCSS()">
</body>
</html>
 |
