Ocultar um elemento, como um div , a partir de uma página HTML pode ser usada para dar o seu site um toque mais dinâmico. Por exemplo, em um blog , você pode querer visitantes para ser capaz de clicar em um botão para ocultar os comentários dos posts do blog. Escondendo todos os divs em uma página pode ser conseguido usando JavaScript para fazer alterações no modelo de objeto de documento , especificamente atributo CSS de cada elemento do "display ". Instruções
1

Crie um arquivo e abri-lo usando um editor de texto, como o WordPad.
2

Escreva o código HTML para um número de elementos div e não div . Aqui está um exemplo:

Um parágrafo < /p>
3

Escreva o código HTML para um elemento de botão. Definir os elementos de propriedade " onClick " para " hideDivs (). " Isso fará com que a função " hideDivs " para ser chamado quando o botão é pressionado. Aqui está um exemplo de código:

Esconder Divs < /button>
4

Na parte superior do arquivo , escreva uma par de abrir e fechar tags de script . Estes irão conter o código JavaScript. Aqui está um exemplo:

5

Entre as tags de script , escreva o código para uma função JavaScript chamada " hideDivs . " A função deve executar as três etapas a seguir . Em primeiro lugar, obter todos os elementos div em uma matriz chamando a função " document.getElementsByTagName " com div como parâmetro e armazenar o resultado em uma variável . Em segundo lugar, um loop sobre cada elemento na matriz usando um laço "for" . Em terceiro lugar, dentro do loop , defina os elementos atuais style.display propriedade para "nenhum". Aqui está o código :

hideDivs function () { var

elems = document.getElementsByTagName ( " div ");

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

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

}}