Форум программистов [Powered by Invision Power Board]

Код


<script type="text/javascript">
function addCSS()
{
    var head  = document.getElementsByTagName("head");
    var myLink  = document.createElement("link");
    myLink.rel  = "stylesheet";
    myLink.type = "text/css";
    myLink.href = "css/main.css";
    head.appendChild(myLink);
}
</script>

Код


<A HREF="" onСlick=addCSS()>Лабораторная работа №8</A>

Код


head[0].appendChild(myLink);

Цитата(Aliance @ 1.10.2012, 17:06)

getElementsByTagName - возвращает коллекцию элементов, поэтому нужно обращаться к первому.

Код


head[0].appendChild(myLink);

Цитата(Aliance @ 1.10.2012, 17:23)

Если пишет addCSS is not a function(), то это значит, что скрипт не видит функцию. Выложите целиком код.

http://jsfiddle.net/Aliance/7ezua/

Код


<HTML>
<HEAD>
<TITLE>лаб 8</TITLE>
<script type="text/javascript" href="my.js"></script>
</HEAD>
<BODY>
<A HREF="" onclick=addSCC()>лабораторная работа 8</A
</BODY>
</HTML>

Код


function addCSS()
{
    var head  = document.getElementsByTagName("head");
    var myLink  = document.createElement("link");
    myLink.rel  = "stylesheet";
    myLink.type = "text/css";
    myLink.href = "css/main.css";
    head[0].appendChild(myLink);
}

Код


body{ BACKGROUND-COLOR: Silver; FONT-SIZE: 12pt; FONT-FAMILY: Arial Black;
margin-left: 10%; margin-top: 10%  }
p:first-letter{ COLOR: white; TEXT-ALIGN: justify }
A:link{ COLOR: Red }
A:hover{ COLOR: blue; font-size: 30pt; font-style: italic }
A:visited{ COLOR: Black }

Цитата(Aliance @ 1.10.2012, 17:55)

Действие по умолчанию для клика по ссылке - переход по заданному url. В вашем же случае, вы хотите это действие подменить вставкой файла стилей. Но чтобы действие по умолчанию не выполнилось, нужно в функции-обработчике вызвать метод preventDefault() у объекта типа Event. Если хотите об этом подробнее, то читать можно http://forum.vingrad.ru/topic-32350.html. Есть более короткий, но менее правильный вариант, который указал вам я по ссылке в посту выше - поставить в качестве url знак #, таким образом перезагрузки страницы не будет и результат функции обработчика вы увидите.

Возможно проблема в этом, что у вас идет переход на указанный в ссылке url (а пустой url = текущему) из-за этого не работает. Попробуйте вставить решетку и посмотрим что выходит.

Далее, если не сработает, возможно файл скрипта не виден из документа? Уверены в обратном? Можно проверить подставив alert перед определением функции скажем.

Пробовали открывать мою ссылку? Работает?

И ещё, приучайтесь сразу писать код в нижнем регистре ;)

Код


head.appendChild(myLink);

Цитата(Ober @ 1.10.2012, 20:11

)

Все таки нужно было делать так: