loading.............
es sencillo si tu estructura es asi
Código:
<html>
<head>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
</head>
<body>
</body>
</html>
entonces lo que debes hacer es una funcion por ejemplo:
Código:
remover=function(elemento)
{
elem = (typeof elemID == "string")?document.getElementById(elemID):elemID;
if(elem.parentNode)
{
elem.parentNode.removeChild(elem);
}
else if(elem.parentElement)
{
elem.parentElement.removeChild(elem);
}
}
cambia=function()
{
a=document.getElementsByTagName("HTML");
b=a[0].getElementsByTagName("HEAD");
//remover el estilo.css
remover(b[0].getElementsByTagName("link")[0]);
//poner nueva hoja de estilos
link=document.createElement("link")
link.rel="stylesheet";
link.type="text/css";
link.href="nuevahoja.css";
b[0].appendChild(link)
}
ahora todo en uno
Código:
<html>
<head>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
<script type="text/javascript">
remover=function(elemento)
{
elem = (typeof elemID == "string")?document.getElementById(elemID):elemID;
if(elem.parentNode)
{
elem.parentNode.removeChild(elem);
}
else if(elem.parentElement)
{
elem.parentElement.removeChild(elem);
}
}
cambia=function()
{
a=document.getElementsByTagName("HTML");
b=a[0].getElementsByTagName("HEAD");
//remover el estilo.css
remover(b[0].getElementsByTagName("link")[0]);
//poner nueva hoja de estilos
link=document.createElement("link")
link.rel="stylesheet";
link.type="text/css";
link.href="nuevahoja.css";
b[0].appendChild(link)
}
</script>
</head>
<body>
blabla texto con formato aqui.
<a href="cambia(); return false;">cambiar css</a>
</body>
</html>
bueno lo hice a la rápida sin probarlo asi que espero te funciona caso contrario, informa errores x)
connection closed.