Usando un poco el modelo de objetos es posible cargar una hoja de estilos en forma dinámica en una página, con un poco de JavaScript.
// Creación y configuración del objeto LINK
var archivoCss=document.createElement("link")
archivoCss.setAttribute("rel", "stylesheet")
archivoCss.setAttribute("type", "text/css")
archivoCss.setAttribute("href", "archivo.css")
// El objeto ya creado y configurado se agrega al modelo de objetos de la sección HEAD de la página.
document.getElementsByTagName("head")[0].appendChild(archivoCss)
Y Listo.
// Creación y configuración del objeto LINK
var archivoCss=document.createElement("link")
archivoCss.setAttribute("rel", "stylesheet")
archivoCss.setAttribute("type", "text/css")
archivoCss.setAttribute("href", "archivo.css")
// El objeto ya creado y configurado se agrega al modelo de objetos de la sección HEAD de la página.
document.getElementsByTagName("head")[0].appendChild(archivoCss)
Y Listo.
0 comentarios:
Publicar un comentario en la entrada