W funkcji dla onclick tworzysz element <link rel="stylesheet" type="text/css" href="adres.css" media="screen" />. Za pomocą getElementsByTagName('head') wybierasz element do którego należy dodać twój świeżo utworzony element. I to tyle
.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title></title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript">
window.onload = function() {
var c = document.getElementById('clicker');
c.onclick = function(e) {
var s = document.createElement('link');
s.setAttribute('rel', 'stylesheet');
s.setAttribute('href', 'style2.css');
s.setAttribute('type', 'text/css');
(document.getElementsByTagName('head')[0]).appendChild(s);
return false;
}
};
</script>
</head>
<body>
<div id="one">
<div id="none">
</div>
</div>
<a id="clicker">klik</a>
</body>
</html>
.