funções JavaScript pode adicionar e remover elementos de uma página da web. Os elementos HTML dentro de uma página Web são organizados em uma estrutura de " árvore " , que é acessível para funções de JavaScript que operam dentro da página. Ao navegar essa estrutura , uma função JavaScript é capaz de primeiro localizar um elemento, em seguida, removê-lo usando uma referência ao seu elemento pai. Criando funções JavaScript para remover elementos normalmente não é difícil e é uma boa habilidade para aprender como desenvolver habilidades de programação web. Instruções
1

Crie a sua página da Web que contém o elemento que você deseja remover. Digite o seguinte código em um novo arquivo em um editor de texto e salve-o com " . HTML" como o arquivo id = " remover " onclick = " removeElem ( this.id )"> Remover Me < /div >

Este é um exemplo de página simples para demonstrar o princípio da remoção de um elemento de colar , de modo que a página contém apenas o elemento a ser removido . O elemento foi atribuída uma função de "onclick " , o que significa que quando o usuário clica nele , uma função de JavaScript será chamada eo elemento atributo "id" passou.
2

Crie a sua função JavaScript. Digite uma área para o código na seção head da sua página, entre a abertura eo fechamento de tags de cabeça :

Isto representa a função que está sendo chamado de clicar no elemento de página . Observe que o nome da função que corresponde ao elemento função "onclick " . O parâmetro " divId " representa o valor ID passado quando o elemento é clicado.
3

Localize o elemento que está sendo clicado. Adicione o seguinte dentro de sua função JavaScript, entre a abertura e fechamento de colchetes de função :

var childElem = document.getElementById ( divId ) ;

Este usa o valor ID passado para localizar o elemento dentro da página HTML. A variável " childElem " agora contém um ponteiro para o elemento que foi clicado. Você pode então usar esta referência para posterior processamento.
4

Localize o elemento pai do elemento que está sendo clicado. Para remover um elemento, você deve adquirir uma referência ao seu pai, em seguida, instruir esse elemento para remover o elemento filho que você está tentando destruir. Adicione o seguinte código para obter uma referência para o pai :

var parentElem = childElem.parentNode ;

Seu código agora tem uma referência para o elemento a ser removido e seu elemento pai < br. >
5

Remova o elemento de sua página . Adicione o seguinte código , realizando a operação de remoção :

parentElem.removeChild ( childElem );

Esta chama um método no elemento pai , instruindo -a para remover o elemento filho especificado como um parâmetro . Salve o arquivo e abra a sua página em um navegador da Web para testá-lo. Clique no texto elemento e você deve vê-lo desaparecer. Para testá-lo novamente , atualize a página e clique novamente.