Si vous voulez cacher plus d'un élément HTML à la fois, vous n'avez pas à perdre du temps en répétant le même code à plusieurs reprises. Au lieu de cela , vous pouvez simplifier votre travail et de se tourner vers une fonction qui cache plusieurs éléments en JavaScript. En utilisant JavaScript pour l' () fonctionnalité de la boucle , vous pouvez écrire une commande pour masquer l'élément , et l'utiliser sur tous les éléments dont vous avez besoin pour masquer simultanément. Instructions
1
ouvrir le code source de votre page Web ( généralement un fichier. Htm, un fichier. Html ou un fichier php . ) . Utilisez votre éditeur HTML préféré ou un programme simple comme Notepad de Windows ou TextEdit de OSX.
2
Situer l'entête du fichier --- le code entre "
» et « < /head> . " Après le " " tag , copier et coller ce code :
3
Faites défiler jusqu'à l' section du corps de votre page Web ( le code entre " body " et "< /body> " ) et ajouter un élément simple "
" pour l'utiliser comme un bouton élément - clandestinité. Assurez-vous que la div comporte un élément " onclick " faisant référence à la " hideElements ()" fonction :
masquer les éléments < ;/div>
4
Ajoutez les ID des éléments que vous voulez cacher entre les parenthèses de la " hideElements ()" référence dans la div , en les séparant par des virgules.
Par exemple, si vous voulez cacher des éléments avec l' id " image_1 ", " caption_of_picture_1 " et " page_footer " écrire " hideElements (' image_1 , caption_of_picture_1 , « page_footer ') " dans la balise
.
< br > 5
Sauvegardez le fichier et fermez l'éditeur . Lorsque vous ouvrez le fichier dans votre navigateur , cliquez sur " masquer les éléments " pour masquer les éléments de la page cotées.
