FUNZIONI - addClass() / removeClass()

<-- Indietro

Sono due semplici funzioni che permettono rispettivamente di aggiungere o rimuovere una classe CSS da un determinato elemento.
Le funzioni accettano un parametro:

• classe - è il nome della classe che vogliamo aggiungere / rimuovere

Il codice è stato visto come prototype dell'oggetto HTMLElement:

HTMLElement.prototype.removeClass = function( class ){
    if ( this.className.indexOf( class ) != -1 ) {
        var re = new RegExp( "[\\s|\\b]?" + class + "[\\s|\\b]?", "g" );
        this.className = this.className.replace( re, "" );
    }
}

HTMLElement.prototype.addClass = function( class ){
    if ( this.className.indexOf( class ) == -1 ) {
        this.className = this.className + " " + class;
    }
}

La sintassi di utilizzo della funzione è

    elemento.addClass("nome della classe");
    elemento.removeClass("nome della classe");

Un esempio di come può essere utilizzato:

    <div id='ciao'>CIAO</div>
    <button onclick="document.getElementById('ciao').addClass('pippo')">Aggiungi</button>
    <button onclick="document.getElementById('ciao').removeClass('pippo')">Rimuovi</button>

<-- Indietro