Cambiar de estilo usando JS y CSS

[fcosun]

Tengo el siguiente problema, tengo dos hojas de estilos css, ambas hojas tienen una misma pero con diferentes propiedades, por lo que el efecto se ve que cambiaria de color, ahora segun el estado que tenga la variable del js deberia de cargar la hoja css, pero se queda cargando pegado y no avanza. este es el codigo:

Código Javascript:

if(valor!="")
{
    document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"miestilo01.css\">");
 
}else
{
    document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"miestilo02.css\">");
}
 

[chinanzio]

Hola, no te recomiendo cargar un fichero css usando document.write

prueba esto

Código Javascript:

function loadjscssfile(filename) {
    var fileref = document.createElement("link");
    fileref.setAttribute("rel", "stylesheet");
    fileref.setAttribute("type", "text/css");
    fileref.setAttribute("href", filename);
    document.getElementsByTagName("head")[0].appendChild(fileref);
}
 

[fcosun]

gracias chinanzio lo voy a probar, se ve bueno y muy completo.

[zerokilled]

buenas.
tambiën puedes probar usar css alternativas. es una técnica que se usa para que el usuario escoga el css pero en tu caso lo escoges por javascript. consiste en cargar los css pero en lugar de rel="stylesheets" pones rel="alternate". aca un artículo. la ventaja es que se cargan cuando el navegador carga el documento html. http://www.alistapart.com/articles/alternate/