getElementsByTagName
Leçon 7 sur 13 du cours Méthodes DOM en JavaScript de Coddy.
La fonction getElementsByTagName() retourne un tableau de tous les éléments avec un nom de balise HTML correspondant (par exemple, div, p, span), vous permettant de cibler des types spécifiques d'éléments sur toute la page. Cela fonctionne exactement comme la fonction getElementsByClassName().
const paragraphs = document.getElementsByTagName("p");C'est ainsi que nous pouvons récupérer toutes les balises p dans la variable paragraphs. Pour apporter des modifications à tous les paragraphes, nous devons itérer sur cette variable.
Défi
FacileOn vous donne du code HTML.
En utilisant uniquement JavaScript, modifiez tous les paragraphes pour qu'ils contiennent le texte “Updated text”.
Essayez vous-même
<!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>Toutes les leçons de Méthodes DOM en JavaScript
2Méthodes du DOM I
getElementByIdModifier le style d'un élémentgetElementsByClassNameParcourir et manipulergetElementsByTagNamequerySelector