martes, 19 de agosto de 2008

Como cargar hojas de estilo en forma dinámica

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.

No hay comentarios:

Búsqueda