le MEMO du WEB développeur
••• Javascript •••  Liste des Mémos, astuces et bonnes pratiques

Parcourir les classes d'un élément HTML en JavaScript

→ Cliquez moi pour parcourir mes classes

Soit un élement HTML de type DIV et étant affecté de 3 classes

<div id="mon_div" class="classe1 class2 class3"> </div>

Code JavaScript :

var mes_classes = document.getElementById('mon_div').className;
alert (mes_classes);
var tab_classes = [];
mes_classes  = mes_classes.split(' ');

for (var i = 0; i<mes_classes.length; i++) {
    if (mes_classes[i]) {
       tab_classes .push(mes_classes[i]);
    }
}
alert('La première classe :' + tab_classes [0]+ ', La deuxième :' +tab_classes [1]+ ', et la troisième : ' +  tab_classes [2]);

 

publié le 06/06/2014 par Memo Web
Commenter le Mémo :

Récupérer la valeur ou le texte sélectionné d'un élément SELECT dans un formulaire
Vérifier la validité d'une URL en Javascript - Expression régulière
Savoir si une variable est définie en javascript
Vérifier qu'une variable est de type entier en javascript
Faire une redirection en javascript
Vérifier si un champs est bien renseigné dans un formulaire HTML
Créer un élément HTML en JavaScript
Créer un effet d'opacité sur le survol d'une image
Parcourir tous les éléments d'une classe CSS en Javascript
Vérifier qu'une chaine est constituée de caractères alphanumériques
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos