Cacher un élément , comme un div , à partir d'une page HTML peut être utilisé pour donner à votre site un aspect plus dynamique . Par exemple, sur un blog, vous voudrez peut-être que les visiteurs puissent cliquer sur un bouton pour masquer les commentaires du blog. Cacher tous les divs sur une page peut être réalisé en utilisant JavaScript pour apporter des modifications au Document Object Model , spécifiquement de chaque élément attribut CSS "Affichage". Instructions
1

Créer un fichier et l'ouvrir dans un éditeur de texte tel que WordPad.
2

Ecrire le code HTML pour un certain nombre d' éléments div et non -div . Voici un exemple :

Photos

Photos

Un paragraphe < /p>
3

Ecrire le code HTML d'un élément de bouton. Mettez les éléments " onClick " propriété de " hideDivs (). " Cela entraînera la fonction " hideDivs " à appeler lorsque le bouton est pressé . Voici un exemple de code suivant:

Masquer Divs < /button>
4

Au sommet de fichier, écrire une paire d'ouverture et de fermeture des balises de script. Ceux-ci contiendra le code JavaScript. Voici un exemple :

5

Entre les balises de script , écrire le code pour une fonction JavaScript nommée " hideDivs . " La fonction doit effectuer les trois étapes suivantes . D'abord, obtenir chaque élément div dans un tableau en appelant la fonction " document.getElementsByTagName " avec div comme paramètre et stocker le résultat dans une variable . Deuxièmement, une boucle sur chaque élément du tableau en utilisant une boucle "for". Troisièmement, à l'intérieur de la boucle, définissez la propriété style.display éléments courant à «none». Voici le code :
hideDivs de la fonction

() { var

elems = document.getElementsByTagName ("div ");

for (i = 0; i < elems . longueur ; i + +) {

elems [i] style.display = "none" ; .

}}