April 21
Se si desidera nascondere più di un elemento HTML in una volta, non c'è bisogno di perdere tempo ripetendo lo stesso codice più e più volte. Invece, è possibile semplificare il lavoro e girare a una funzione che nasconde più elementi in JavaScript. Utilizzando JavaScript per funzionalità loop (), è possibile scrivere un comando per nascondere l'elemento, e usarlo su ogni elemento è necessario per nascondere contemporaneamente.
1 Aprire il codice sorgente per la pagina Web (in genere un .htm, .html una o di un file .php). Usa il tuo editor HTML preferito o un semplice programma come Blocco note di Windows 'o TextEdit di OSX.
2 Individuare l'intestazione del file --- il codice tra "<head>" e "</ head>." Dopo il tag "<head>", copiare e incollare questo codice:
<Script type = "text / javascript">
<! -
hideElements funzione (elementi) {
elements_array = elements.split ( ',');
per (elemento in elements_array) {document.getElementById (elements_array [elemento]) style.display = 'none'.; }
}
->
</ Script>
3 Scorrere fino alla sezione body della pagina Web (il codice tra "<body>" e "</ body>") e aggiungere un "<div>" elemento semplice da usare come pulsante di elemento-nascondiglio. Assicurarsi che il div comprende un elemento "onclick" fa riferimento la funzione "hideElements ()":
<Div onclick = "hideElements ()" style = "border: 1px solid # 000000;"> nascondere gli elementi </ div>
4 Aggiungere gli ID degli elementi che si desidera nascondere tra le parentesi dei "hideElements ()" di riferimento nel div, separandoli da virgole.
Per esempio, se si desidera nascondere elementi con l'id "picture_1", "caption_of_picture_1" e "hideElements ( 'picture_1, caption_of_picture_1,' page_footer ')" "page_footer" scrittura nel tag <div>.
5 Salvare il file e chiudere l'editor. Quando si apre il file nel browser, fai clic su "nascondere gli elementi" per nascondere gli elementi della pagina elencati.