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

**maa** · 31/03/2007, 18h04

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**cerede2000** · 31/03/2007, 18h40

Je comprend pas totalement l'interet du truc :S

**Bisûnûrs** · 31/03/2007, 20h55

Pour IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.documentElement

à la place de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.body

**sekaijin** · 31/03/2007, 21h40

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

**maa** · 31/03/2007, 21h42

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 ?

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager