Не получается динамически подключить css

comp3v · №1

Есть задача - динамически (средствами JS) подключить css-файл к страничке. Насколько я понял, это можно сделать с помощью document.styleSheets[0].addImport либо с помощью document.createStyleSheet (что лучше - пока не знаю ). Допустим, страничка типа такой:

Выделить код

Код:

<html>
 <head>
  <script language = JavaScript>
   function docss()
    {
     document.createStyleSheet("mystyle.css");
    }
  </script>
</head>

<body>
<a href="http://mysite.com">My Text</a>
<input type="button" value="MyValue" onClick="docss()">
</body>
</html>

ну, а в mystyle.css прописано что-нить вроде A{color: red;} - то есть, когда нажимаешь на кнопочку, то цвет ссылки должен меняться.

Так вот в IE эта штука работает нормально, а в FF - ни фига... Помогите, кто знает в чём дело!

Mash · №2

Выделить код

Код:

var st = document.createElement("link");
st.setAttribute("rel","stylesheet");
st.setAttribute("href","mystyle.css");
document.body.appendChild(st);

IE, FF, Opera, etc.

comp3v · №3

Да, это работает, я знаю. Мне просто было интересно - неужели createStyleSheet в файрфоксе вообще в принципе не действует???
Но за помощь, конечно, спасибо.

Mash · №4

Кроме MS IE этого нигде нет (MS extension to Level 1 CSS).

comp3v · №5

А, тогда всё понятно (хотя жаль...). Спасибо за объяснение!

Unghost · №6

==> Разработка

Полезная информация

№121-06-2005 15:48:02