2009-02-04 11 views
17

¿Cómo agregar una referencia de hoja de estilo de enlace al encabezado de un documento?Agregar una hoja de estilo de enlace dinámicamente en el <head>

he encontrado este código, pero que no funciona con todos los navegadores, que cuelga mi IE7:

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

Gracias

+0

¿Podría publicar su HTML? – Tom

+1

hmm He usado este método antes, y todo fue bien en IE7 –

+0

Tu código funciona en IE6 e IE7 para mí. ¿Podría ser alguna otra parte de la página la que está causando el problema? –

Respuesta

-2

Eso era un error de javascript de referencia cruzada simple. Que tengas un buen día.

1

En IE, puede probar con el método createStyleSheet? Eso toma URL como un parámetro. No sé si existe un equivalente en FF/cromo, aunque ..

--Senthil

7

Internet Explorer apoyará innerHTML, aunque se suma el reflujo esto funcionaría:

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

Interresting, su código funciona solo en firefox . – belaz

+0

No he probado esto, ¿quiere decir que esto no funciona en Internet Explorer? – Alagu

+0

Sí. No funciona. – belaz

Cuestiones relacionadas