Clases CSS

Al césar lo que es del César. Si Dean Edwards ya ha escrito unas funciones perfectas para gestionar clases CSS, ¿por qué modificar una sola coma?

/*

 * Añade/Quita/Busca clases CSS - http://dean.edwards.name/IE7/caveats/

 */

function addClass(element, className) { // v2004-10-24

    if (!hasClass(element, className)) {

        if (element.className) element.className += " " + className;

        else element.className = className;

    }

};

function removeClass(element, className) { // v2004-10-24

    var regexp = new RegExp("(^|\\s)" + className + "(\\s|$)");

    element.className = element.className.replace(regexp, "$2");

};

function hasClass(element, className) { // v2004-10-24

    var regexp = new RegExp("(^|\\s)" + className + "(\\s|$)");

    return regexp.test(element.className);

};

(Aunque tenga el servidor en la cocina es un eminencia en el campo del JavaScript, háganme caso).

My tailor is rich

Pensando en los lectores menos duchos en idiomas, aquí va una explicación adicional:

addClass(objeto, nombreClase): Agrega el nombre de clase al objeto dado (respetando las clases que ya tuviera).
removeClass(objeto, nombreClase): Elimina el nombre de clase del objeto dado (respetando las otras clases que ya tuviera).
hasClass(objeto, nombreClase): Devuelve true si el objeto posee la clase indicada, false si no.

Esta página ha sido impresa el jueves 29 de julio de 2010 (21:24:12 +0200) desde http://borrame.com/recortes/javascript/clases-css.html. La última vez que miré contenía HTML válido con CSS fresquito y si tiene flatas de ortografía ha sido sin querer.

borrame.com es el sitio anteriormente conocido como bits.demogracia.com (no confundir con Demogracia, que sólo pasaba por ahí).

Lo más fresco

Sugerencias del chef

Lo más visitado

Menú del día

Clases CSS

My tailor is rich