editar pseudoclases css con jvascript

Tonimen · #1 (**permalink**) 18/01/2009, 11:38

Hola a tod@s, estoy haciendo una aplicacion dinamica con javascript y me gustaria poder cambiar el color de una pseudoclase en css con javascript pero no se como acceder a ella mediante DOM con javascript, lo he probado todo y aun no lo he conseguido. el ejemplo de mi codigo es el siguiente:

(en el archivo css):
.miclase a:link, a:visited, a:active{color:#000000}

(en el archivo javascript)

function cambiarcolortexto(color){
capa = getRadioButtonSelectedValue(document.formulario.mo delo);

//(a continuacion una de mis pruebas)

document.getElementByClassName(capa).getElementByT agName('a:link').style.color = color;
}

lo anteriormente expuesto no funciona porque no accede a la pseudoclase a:link por ejemplo, la he probado con las otras pseudoclases y tampoco funciona, he mirado por internet y tampoco lo encuentro, si alguien sabe como hacerlo estaria genial, muchas gracias de antemano. Saludos a todos¡¡¡¡¡

Panino5001 · #2 (**permalink**) 19/01/2009, 07:39

Podrías reescribir la clase de esta manera:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Documento sin t&iacute;tulo</title> 
<style> 
.miclase a:link, a:visited, a:active{color:#000000} 
</style> 
<script> 
function addCss(cssCode,i) { 
    control=document.getElementById(i) 
    if(control) 
        document.getElementsByTagName("head")[0].removeChild(control) 
    var styleElement = document.createElement("style"); 
    styleElement.type = "text/css"; 
    if (styleElement.styleSheet) { 
        styleElement.styleSheet.cssText = cssCode; 
    } else { 
        styleElement.appendChild(document.createTextNode(cssCode)) 
    } 
    styleElement.id =i; 
    document.getElementsByTagName("head")[0].appendChild(styleElement); 
} 
onload=function(){ 
    document.getElementsByTagName('div')[0].onclick=function(){ 
        addCss('.miclase a:link, a:visited, a:active{color:red} .miclase a:hover{color:yellow}','qwerty') 
    } 
} 
</script> 
</head> 
 
<body> 
<div class="miclase"><a href="#">UNO</a> <a href="#">DOS</a> <a href="#">TRES</a> </div> 
</body> 
</html>