addclass con javascript

[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")