getElementsByTagName
Lección 7 de 13 del curso Métodos del DOM de JavaScript de Coddy.
La función getElementsByTagName() devuelve un array de todos los elementos con un nombre de etiqueta HTML coincidente (por ejemplo, div, p, span), lo que le permite dirigirse a tipos específicos de elementos en toda la página. Esto funciona exactamente igual que la función getElementsByClassName().
const paragraphs = document.getElementsByTagName("p");Así es como podemos recuperar todas las etiquetas p en la variable paragraphs. Para realizar cambios en todos los párrafos, tenemos que iterar sobre esta variable.
Desafío
FácilSe te proporciona código HTML.
Usando solo JavaScript, modifica todos los párrafos para que contengan el texto “Updated text”.
Pruébalo tú mismo
<!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 las lecciones de Métodos del DOM de JavaScript
2Métodos del DOM I
getElementByIdModificar el estilo del elementogetElementsByClassNameRecorrer y manipulargetElementsByTagNamequerySelector