Web designers costumam usar codificação JavaScript para gerar conteúdo dinamicamente quando um usuário faz alguma ação em uma página da Web , como clicar em um botão. Mas JavaScript também pode subtrair texto, a remoção de um elemento de cada vez ou vários simultaneously.you pode limpar uma div que contém vários itens, como um cabeçalho, foto e texto, com um clique. Você também pode substituí-lo com o novo conteúdo . Use exemplos simples para a prática de ambas as técnicas. Instruções
Limpar Div conteúdo
1

Crie uma função JavaScript chamada " clearDiv " dentro das tags head da sua página HTML. Tem a função de obter uma div com o ID de " sampleDiv " e limpar seu conteúdo HTML.

2

Criar o elemento div com o ID de " sampleDiv " dentro das tags do corpo do documento. Coloque um cabeçalho e um elemento de parágrafo dentro dele com algum texto de exemplo .

3

Criar um botão que o usuário pode clicar para acionar a função JavaScript chamada " clearDiv . "

Limpar Div < /button>
4

Adicione estilo aos seus elementos , mais uma vez dentro do tags de cabeça . A div será de 200 pixels de largura, 140 pixels de profundidade e tem um fundo vermelho para dar-lhe dimensão para fins de teste .

5

Salve sua página e abri-lo em um navegador. Clique no botão . O conteúdo da div deve desaparecer.
Substituir Div conteúdo
6

Adicione uma função JavaScript chamada " replaceDiv " entre as tags de cabeça no código anterior. Tem a função de obter o div com o ID de " sampleDiv " e substituir seu conteúdo HTML com novos conteúdos .

Função replaceDiv () { var

getDiv = document.getElementById ( " sampleDiv " ) ,.

var emptyDiv = getDiv.innerHTML = "

cabeçalho substituição

Este é o texto de substituição Este é o texto de substituição Este é o texto de substituição "; }

7

Adicione um segundo botão entre as tags body que desencadeia a nova função :

< tipo botão =" classe botão " = "button " onclick = " replaceDiv ()" > Substituir conteúdo Div < /button>
8

Salve sua página e abri-lo em um navegador. Pressione o novo botão . O conteúdo da div deve ser substituído

O código completo deverá aparecer da seguinte forma: .

< , tipo style = "text /css" >

# sampleDiv {width: 200px ; height: 150px ; margem: fino preto sólido ; margin: 10px 0; padding: 0 15px 0 16px ; background-color: . red;}

botão {margin: 20px 0 0 0 ;}

;

cabeçalho Amostra aqui

parágrafo Amostra here.Sample parágrafo here.Sample parágrafo here.Sample parágrafo aqui .

< /div >

Substituir o conteúdo Div < /button>
;

conteúdo Limpar Div