JavaScript é uma linguagem de programação usada para sites permitidos para interagir com o usuário. Ele permite que as páginas para exibir pop-ups , de forma assíncrona enviar pedidos ao servidor e criar menus drop-down , para citar alguns exemplos. Apesar funções de JavaScript para encontrar elementos por ID e nome, ele não tem uma função para encontrar elementos por classe. Você pode, entretanto , esconder elementos por classe por looping sobre todos os elementos , verificando se sua classe coincide com a classe procuradas e , em caso afirmativo , escondendo o elemento. Instruções
1

Crie um novo arquivo e salvá-lo com uma extensão de arquivo " . Html " . Abra o arquivo com um editor de texto, como o Bloco de Notas.
2

Escreva um segmento de código HTML que cria um botão com um atributo " onClick " do " hide () . " Isso vai chamar a função JavaScript "esconder" quando o botão é clicado. Aqui está o código :

Ocultar < /button>
3

Escreva um segmento de código HTML que cria um número de elementos HTML com a classe " rebatível . " Estes elementos serão escondidos quando o botão da etapa anterior é clicado. Aqui está um exemplo:

Esta é uma rebatível div

Esta é uma rebatível período
4

no início do arquivo, escrever a abertura e fechamento de HTML "script" tags. Estes informam ao navegador que o código dentro deles é JavaScript. Aqui está o código :

5

Entre as tags "script" , escreva uma função JavaScript peles tudo elementos HTML com a classe " rebatível ". Primeiro, ele deve obter todos os elementos em uma matriz chamando a função " document.getElementsByTagName " com o parâmetro "*" e salvar o resultado em uma nova variável. Em segundo lugar, ele deve fazer um loop sobre cada elemento na matriz usando um laço "for" . Em terceiro lugar, é preciso verificar se o item atual tem a classe " rebatível " utilizando o método " getAttribute " , e , em caso afirmativo , ocultar o elemento , definindo os elementos " style.display " de propriedade de "nenhum". Aqui está o código :

função hide ( ) { var

elementos = document.getElementsByTagName ("*" );

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

. elementos [i] getAttribute ( "class" ) == " ") { rebatível

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

}}}