getElementsByTagName
Lição 7 de 13 do curso Métodos DOM do JavaScript da Coddy.
A função getElementsByTagName() retorna um array de todos os elementos com um nome de tag HTML correspondente (ex: div, p, span), permitindo que você segmente tipos específicos de elementos em toda a página. Isso funciona exatamente como a função getElementsByClassName().
const paragraphs = document.getElementsByTagName("p");É assim que podemos recuperar todas as tags p na variável paragraphs. Para fazer alterações em todos os parágrafos, temos que iterar sobre essa variável.
Desafio
FácilVocê recebeu um código HTML.
Usando apenas JavaScript, modifique todos os parágrafos para conter o texto “Updated text”.
Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<h1>Welcome to Random HTML!</h1>
<p>This is a randomly generated HTML file. Here's a mix of different elements:</p>
<ul>
<li>This is an unordered list item.</li>
<li>This is another unordered list item.</li>
</ul>
<p>Below are the four randomly generated paragraphs:</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet ligula sit amet convallis sodales.</p>
<p>Nulla facilisi. Nulla eget metus vitae ligula aliquam rhoncus.</p>
<p>Maecenas feugiat ultricies nisi, id auctor purus laoreet at.</p>
<p>Curabitur vitae dictum arcu, ac fermentum ligula. Duis feugiat arcu non tincidunt posuere.</p>
<blockquote>
<p>This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</blockquote>
<p>Thank you for exploring this random HTML file!</p>
<script src="script.js"></script>
</body>
</html>Todas as lições de Métodos DOM do JavaScript
2Métodos do DOM I
getElementByIdModificar Estilo do ElementogetElementsByClassNamePercorrer e ManipulargetElementsByTagNamequerySelector