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

Parcourir tous les éléments d'une classe CSS en Javascript

1- class : box
2- class:box
3- class:box
→ Tester le code

Pour parcourir tous les éléments d'un document HTML ayant une classe définie, nous pouvons utiliser la propriété javascript getElementsByClassName

<script type="text/javascript">
var elements = document.getElementsByClassName('box');

elementsLength = elements.length;  
for (var i = 0 ; i < elementsLength ; i++) {
  alert (elements[i].innerHTML);             
}
</script>


Code HTML :


<div  class="box">1- class : box</div>
<div  class="box">2- class:box</div>
<div  class="box">3- class:box</div>
<div  style="clear:both;"></div>

Pour parcourir tous les éléments HTML d'une classe donnée en Jquery, se référer à ce Mémo

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

Vérifier si un champs est bien renseigné dans un formulaire HTML
Afficher un message avant de quitter une page
Vérifier la validité d'une URL en Javascript - Expression régulière
La fonction isNaN ou comment vérifier qu'une variable est un nombre
Fonction Javascript pour récupérer la valeur d'un cookie
Empêcher le clic droit sur les images de votre site
Savoir si une variable est définie en javascript
Créer un élément HTML en JavaScript
Récupérer l'identifiant de session id_session en javascript
Vérifier qu'une variable est de type entier en javascript
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