pilgrim[.maleo.net]

cssClass() est une fonction javascript qui permet de manipuler les noms de classes multiples dans un élément HTML. Cette pratique, en général peu connue, peut s'avérer très pratique quand des fonctionnalités javascript sont ajoutées.

Syntaxe

var eltClass = cssClass(element); // où "element" est un noeud DOM

Exemples

// Code source HTML initial
// <div id="test" class="myclass">Ceci est un test.</div>

var eltClass = cssClass(document.getElementById('test'));

eltClass.add('class1');
// résultat : <div id="test" class="myclass class1">Ceci est un test.</div>

eltClass.replace('class1', 'class2');
// résultat : <div id="test" class="myclass class2">Ceci est un test.</div>

eltClass.remove('myclass');
// résultat : <div id="test" class="class2">Ceci est un test.</div>

Il est aussi possible d'effectuer des changements "à la volée" de la manière suivante :

cssClass(document.getElementById('test')).add('class1');

Téléchargement

Vous pouvez télécharger la dernière version : cssClass.js.

Il s'agit pour le moment d'une première version, n'hésitez pas à apporter vos corrections, optimisations et améliorations ; merci d'avance.