Ajouter dynamiquement une feuille de style de lien dans le <head>

Comment ajouter une référence de feuille de style de lien à la tête d'un document?Ajouter dynamiquement une feuille de style de lien dans le <head>

J'ai trouvé ce code, mais il ne fonctionne pas avec tous les navigateurs, il bloque mon IE7:

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

Merci

Source

2009-02-04 belaz

Pourriez-vous publier votre HTML? – Tom

hmm J'ai utilisé cette méthode auparavant, et tout s'est bien passé dans IE7 –

Votre code fonctionne dans IE6 et IE7 pour moi. Est-ce que ce pourrait être une autre partie de la page qui cause le problème? –

-2

Ce était un simple bogue javascript de référence croisée. Bonne journée.

Source

2009-02-05 10:04:10 belaz

Dans IE, vous pouvez essayer la méthode createStyleSheet? Cela prend l'URL comme paramètre. Je ne sais pas s'il existe un équivalent dans FF/chrome .. mais

--Senthil

Source

2009-02-04 16:24:09

Internet Explorer soutiendra innerHTML, mais il ajoute refusion cela fonctionnerait:

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

Source

2009-02-04 16:26:39 Alagu

Interressant, vous codez travailler uniquement sur firefox . – belaz

Je n'ai pas testé cela, vous voulez dire que cela ne fonctionne pas dans Internet Explorer? – Alagu

Oui.Il ne fonctionne pas. – belaz

Ajouter dynamiquement une feuille de style de lien dans le <head>

Répondre

Questions connexes