getElementsByTagName
Lektion 7 von 13 im Kurs JavaScript DOM-Methoden von Coddy.
Die Funktion getElementsByTagName() gibt ein Array aller Elemente mit einem passenden HTML-Tag-Namen zurück (z. B. div, p, span), wodurch Sie gezielt bestimmte Arten von Elementen auf der gesamten Seite ansprechen können. Dies funktioniert genau wie die Funktion getElementsByClassName().
const paragraphs = document.getElementsByTagName("p");So können wir alle p-Tags in der Variable paragraphs abrufen. Um Änderungen an allen Absätzen vorzunehmen, müssen wir über diese Variable iterieren.
Aufgabe
EinfachDir wird HTML-Code gegeben.
Verwende ausschließlich JavaScript, um alle Absätze so zu ändern, dass sie den Text “Updated text” enthalten.
Probier es selbst
<!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>Alle Lektionen in JavaScript DOM-Methoden
2DOM-Methoden I
getElementByIdElement-Stil änderngetElementsByClassNameDurchlaufen und manipulierengetElementsByTagNamequerySelector