Dodaj dynamicznie arkusz stylów w <head>

Jak dodać odwołanie do arkusza stylów do nagłówka dokumentu?Dodaj dynamicznie arkusz stylów w <head>

Znalazłem ten kod, ale to nie działa ze wszystkimi przeglądarkami, to rozbija moje IE7:

var ss = document.createElement("link"); 
ss.type = "text/css"; 
ss.rel = "stylesheet"; 
ss.href = "style.css"; 
document.getElementsByTagName("head")[0].appendChild(ss);

Dzięki

Źródło

2009-02-04 belaz

Czy możesz umieścić swój kod HTML? – Tom

hmm Użyłem tej metody wcześniej i wszystko poszło dobrze w IE7 –

Twój kod działa w IE6 i IE7 dla mnie. Czy przyczyną może być inna część strony? –

-2

Że był prostym błędem JavaScript. Miłego dnia.

Źródło

2009-02-05 10:04:10 belaz

W IE, można spróbować metody createStyleSheet? To bierze URL jako parametr. Nie wiem, czy istnieje odpowiednik w FF/chrom chociaż ..

--Senthil

Źródło

2009-02-04 16:24:09

Internet Explorer będzie wspierać innerHTML, choć dodaje reflow to będzie działać:

var headHTML = document.getElementsByTagName('head')[0].innerHTML; 
headHTML += '<link type="text/css" rel="stylesheet" href="style.css">'; 
document.getElementsByTagName('head')[0].innerHTML = headHTML;

Źródło

2009-02-04 16:26:39 Alagu

Interresting, twój kod działa tylko na firefoxie . – belaz

Nie przetestowałem tego, masz na myśli powiedzieć, że to nie działa w Internet Explorerze? – Alagu

Tak. To nie działa. – belaz

Dodaj dynamicznie arkusz stylów w <head>

Odpowiedz

Powiązane problemy