JavaScript est un langage de programmation utilisé pour sites autorisés à interagir avec l'utilisateur . Il permet pages à afficher les pop-ups , de manière asynchrone envoyer des requêtes au serveur et créer des menus déroulants , pour ne citer que quelques exemples. Malgré les fonctions JavaScript pour trouver des éléments par ID et le nom , il n'a pas de fonction permettant de trouver des éléments par catégorie . Vous pouvez, toutefois , masquer des éléments de classe en faisant une boucle sur tous les éléments , vérifier si leur classe correspond à la cherchés pour la classe et, si oui , cachant l'élément. Instructions
1

Créer un nouveau fichier et l'enregistrer avec un "html ". Extension de fichier. Ouvrez le fichier avec un éditeur de texte comme Bloc-notes .
2

Écrire un segment de code HTML qui crée un bouton avec un attribut «onclick» «cacher (). " Cela va appeler la fonction JavaScript "cacher" lorsque le bouton est cliqué . Voici le code :

Hide < /button>
3

Ecrire un segment de code HTML qui crée un nombre d'éléments HTML avec la classe " hideable . " Ces éléments seront masqués lorsque le bouton de l'étape précédente est cliqué. Voici un exemple :

C'est un div hideable

class="hideable"> C'est un hideable EM < /span>
4 Description Au début du fichier , écrivent l'ouverture et la fermeture des balises HTML " script " . Ceux-ci indiquent au navigateur que le code de eux n'est JavaScript. Voici le code :

5

Entre les balises " script" , écrire une fonction JavaScript toutes les peaux éléments HTML avec la classe " hideable ». Premièrement, il doit obtenir tous les éléments dans un tableau en appelant la fonction " document.getElementsByTagName " avec le paramètre "*" et sauvegarder le résultat dans une nouvelle variable. Deuxièmement, il faut une boucle sur chaque élément du tableau en utilisant une boucle "for". Troisièmement, il doit vérifier si l'élément actuel a la classe " hideable " en utilisant la méthode du « getAttribute " , et , dans l'affirmative , cacher l'élément en définissant la propriété " de style.display " des éléments à "aucun". Voici le code :
fonction hide

() { var
éléments

= document.getElementsByTagName ( "*") ;

for (i = 0; i < éléments . longueur ; . i + +) {

if ( . éléments [i] getAttribute ( "class" ) == " hideable ") { éléments de

[i] style.display = "none" ;

}}}