Como remover elemento por id usando javascript
Este artigo seguirá as etapas abaixo de remover um elemento de uma página da web em JavaScript.
- getElementsById Método
- Remover () Método
- Removendo nós ou elementos infantis
O que é o método getElementsbyid?
getElementsbyid, como o nome sugere, é um método JavaScript que é usado para recuperar um ID específico de um elemento e devolvê -lo a uma variável. Este valor de elemento retornado pode ser utilizado na execução de várias tarefas.
Sintaxe
Em seguida, vamos dar uma olhada no método Remone () embutido para descobrir como ele pode ser usado para remover elementos por id em javascript.
O método remove () em javascript
O método Remone () em JavaScript ajuda a remover um elemento ou um nó. Não é necessário parâmetros ou retorna qualquer valor.
Como vimos o propósito de ambos getElementsbyid método e o remover método. Agora, vamos dar uma olhada em um snippet de código simples que excluirá um elemento HTML de uma página da web:
Html
Remova o texto
Este texto será removido quando você clicar no botão
No trecho de código acima, um texto simples é fornecido em e Tag HTML elemento junto com um botão. Depois que o botão é clicado no texto dentro do
A tag será removida da página da web.
Salvar e executar o código, a saída do snippet acima é semelhante ao mostrado abaixo.
Agora, um código JavaScript deve ser adicionado atrás do botão para que, quando o botão for clicado, os resultados desejados possam ser alcançados.
JS
No script acima, pode-se ver que um usuário definido MyRemoveFunction função foi criada em que primeiro o Eu ia do elemento é recuperado pelo getElementById método e é armazenado na variável Textremove.
Depois de devolver o elemento por id para a variável textremove, a função interna de remover foi usado que removerá o elemento html no momento em que o botão é clicado.
Ao executar o código acima, uma saída semelhante pode ser vista no navegador, conforme apresentado abaixo.
No instantâneo acima da saída, pode -se ver que, quando o botão é clicado, o texto que estava presente no A tag de elemento foi removida da página da web.
Conclusão
JavaScript fornece métodos diferentes para uma melhor funcionalidade da página da web. O GetElementById é um dos métodos comuns e úteis que retorna o valor de ID de um elemento. O elemento cujo ID é salvo em uma variável pode ser removido usando a função Remova de Javascript embutida.