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>