Ajout dynamique d'un lien vers une feuille de style.

Version imprimable

Bonjour,

Je cherche à ajouter dynamiquement un lien vers une feuille de style en utilisant le DOM. J'ai écris pour cela le script suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <script type="text/javascript"> window.onload = function() { elmt=document.createElement("div"); elmt.innerHTML = "<link href=\"DynamicStyles.css\" type=\"text/css\" rel=\"stylesheet\" />"; document.body.appendChild(elmt); } </script> </head> <body> <p> dfchsdjkfhjksd fhjksd</p> </body>
Ce code fonctionne bien sous Firefox mais pas sous IE. Savez-vous pourquoi ?

Vous pouvez tester ce code ici.

Quand la page se charge, un lien vers une feuille est inséré dans le DOM et le background du paragraphe devient rouge (sur FF seulement...)

Merci d'avance pour votre aide.

mathmax

31/03/2007, 18h40
cerede2000

Je comprend pas totalement l'interet du truc :S
31/03/2007, 20h55
Bisûnûrs

Pour IE :

Code:

document.documentElement

à la place de

Code:

document.body

Code:

1
2
3
4
5
6
7
8
 
mycss : document.createElement("link");
mycss.setAttribute('href', 'DynamicStyles.css');
mycss.setAttribute('type', 'text/css');
mycss.setAttribute('rel', 'stylesheet');
 
headers=document.getElementsByTagName('header').intem(0);
headers.appendChild(mycss);

31/03/2007, 21h42
maa

ok mais ça ne change pas le problème.
En fait cette méthode marche pour ajouter n'importe quel code html, mais ne marche plus pour les balises <style> et <link>. Pourquoi ?