O "getElementByTagName ()”É o método específico do elemento DOM que retorna todos os elementos presentes em uma página da web junto com seu nome de tag. Aceita o “Nome da tag”Como argumento e retorna sua coleção ao vivo que apareceu em todo o documento. A coleção ao vivo significa que fornece a lista atualizada automaticamente se algum dos elementos HTML será adicionado ou removido do documento.
Este guia explica como usar o “getElementsByTagName ()”Método em JavaScript.
Como usar o método "getElementsByTagName ()" em JavaScript?
O "getElementByTagName ()”É usado principalmente para acessar um elemento HTML específico através de seu nome de tag.
Sintaxe
var elements = documento.getElementsByTagName (tagname);Na sintaxe acima, a ““tagname”Corresponde à tag do elemento que precisa ser buscada.
Agora, vamos aplicar o “getElementByTagName ()”Método de maneiras diferentes com a ajuda dos seguintes exemplos.
Exemplo 1: Aplicando o método "getElementsByTagName ()" para contar "
" Tag
Neste exemplo, a contagem do “ (parágrafo)
Código HTML
Vamos ver o seguinte código HTML:
Conte o parágrafo usando o método getElementsByTagName ()
Isto é o primeiro parágrafo.
Isto é o segundo parágrafo.
Isto é o terceiro parágrafo.
Isto é o quarto parágrafo.
No código HTML acima:
Código JavaScript
Em seguida, vá para o código JavaScript:
Nas linhas acima do código:
Saída
Como visto, a saída aparece um “Caixa de alerta”Isso exibe a contagem total do“ Exemplo 2: Aplicando o método "getElementsByTagName ()" para contar " " Tag Neste exemplo, o método discutido pode ser aplicado da mesma forma, conte o “ Código HTML Em primeiro lugar, observe o código HTML abaixo fornecido: Sintaxe Trabalhando Uso Significado Conclusão Nas linhas acima do código: ” Código JavaScript Em seguida, visão geral do código JavaScript: No código JavaScript acima: tags no documento atual com a ajuda do “documento.getElementByTagName ()”Método. Saída A saída mostra a contagem total i.e., ““5”Das tags html“ Exemplo 3: Aplicando o método "getElementsByTagName ()" para personalizar os elementos Além da lista dos elementos HTML, o “getElementByTagName ()”Também pode ser aplicado para personalizar os elementos também. Código HTML Passe pelo seguinte código HTML: Personalize o parágrafo usando o método getElementsByTagName () Isto é o primeiroparágrafo. Isto é o segundoparágrafo. Isto é o terceiroparágrafo. Isto é o quartoparágrafo. No código HTML acima: Código JavaScript Agora, dê uma olhada no código JavaScript: No bloco de código acima: Saída A saída mostra que o estilo de fronteira mencionado é implementado para todos os “ Conclusão O "getElementsByTagName ()”O método em JavaScript auxilia os usuários a invocar a coleção ao vivo de elementos HTML específicos com base em nomes de tags. Ele retorna a lista atualizada de elementos HTML em caso de qualquer modificação no documento. Além disso, também pode ser utilizado para personalizar o conteúdo específico do elemento HTML, conforme os requisitos de uma só vez. Este guia demonstrou o uso completo do “getElementsByTagName ()”Método em JavaScript.Método getElementsByTagName ()