Función LoadCSS

7 marzo 2019

Es posible actualizar los estilos de una página web cargando nuevos ficheros de estilo CSS desde JavaScript:

function LoadCSS(cssURL, cssID)
{
 if(!$(cssID))
 {
  var css=document.createElement("link");
  css.id = cssID;
  css.rel = "stylesheet";
  css.type = "text/css";
  css.href = cssURL;
  css.media = "all";
  document.getElementsByTagName('head')[0].appendChild(css);
 }
}

Esta función crea un nuevo objeto ‘<link>‘ al cual se le asigna un ‘id‘ y un origen (‘hreg‘) con el fichero CSS que se quiere cargar. Finalmente, el objeto ‘<link>‘ es añadido al ‘<head>‘ de la página y los nuevos estilos CSS se aplican automáticamente desde ese momento.