Добрый день. Нужна помощь.
Есть два css файла:
<link rel="stylesheet" type="text/css" href="http://localhost/dir/css/css.css" title="File_css" />
<link rel="alternate stylesheet" type="text/css" href="http://localhost/dir/css/css2.css" title="File_css2" />
И по клику на <a> должны меняться css с первого на второе. Я пробовал пойти так:
1) Поставить только один тег <link>:
<link rel="stylesheet" type="text/css" href="http://localhost/dir/css/css.css" title="File_css" />
2) Создать следующий javascript
:
<script>
function style() {
document.getElementsByTagName('link').setAttribute('href', 'http://localhost/dir/css/css2.css');
document.getElementsByTagName('link').setAttribute('title', 'File_css2');
</script>
3) Тег <a> для применения скрипта
<a href="#" onclick="javascript:style();">Сменить стиль</a>
Т.е. По клику javascript должен менять ссылку на css и, соответственно, стиль всей страницы. Но, почему-то, не работает.
Кто может помочь?