addclass con javascript

[andykofman]

Como se añade una clase por javascrip sobre una elemento que se clickea en el, un enlace por ejemplo?

[pzin]

Puedes usar add de la API classList.

Código Javascript:

elemento.classList.add('una_clase');
 

También tienes remove para eliminar clases y toggle para alternarlas.

[IsaBelM]

lo primero es que no tiene el más mínimo sentido añadir una clase a un link. en el caso que quieras hacer una especie de rollover, para eso está css. en caso contrario, el link, es un error semántico.

completando la respuesta de @pzin, si te preocupa la compatibilidad con navegadores antiguos, entonces, has de usar el método className(), tanto para añadir como para eliminar la clase

[andykofman]

Muchas gracias isabelm y pzin,
si, me preocupa lo de navegadores antiguos, ya lo he creado con className, el nuevo problema es ahora el siguiente.
quiero que cuadno se pinche en una fila se le añada una clase(conseguido), pero lo que no quiero es que al volver a pinchar se le vuelva a añadir otra clase igual.

[larrysun2]

Aquí una función que creé, pero, creo que será la ultima, las próximas ayudas que dé serán en textos para que ustedes mismos lo hagan y entiendan lo que hicieron, es mucho mejor, verdad?

Código Javascript:

Element.prototype.addClass = function(clase) {
    var clases = this.className.split(" ")
    var exist = false // esta variable la uso para verificar si existe esa clase actualmente en el elemento
    for (i in clases) {
        if (clases[i] == clase) exist = true
    }
    if (exist) {
        //aqui si quieres puedes editar la funcion a tu manera y hacer una funcion tipo "toggle"
    } else {
        // si no existe agrego la clase
        if (this.className == '') { //esta sentencia "if" es solo para evitar el espacio en blanco a principio del atributo "Class"
            this.className = clase
        } else {
            this.className += " " + clase
        }
    }
    return this
}
 

Su uso:

Código Javascript:

elemento = document.createElement("div") // creo un elemeto div,puede ser cualquier otro obviamente.
elemento.addClass("ClaseNueva") // aqui estoy agregando una clase llamada "ClaseNueva" al elemento
//Otro ejemplo:
elemento = document.getElementById("elemento")
elemento.addClass("ClaseNueva")