getElementsByTagName
Lezione 7 di 13 del corso Metodi DOM di JavaScript di Coddy.
La funzione getElementsByTagName() restituisce un array di tutti gli elementi con un nome di tag HTML corrispondente (ad es., div, p, span), consentendoti di selezionare tipi specifici di elementi in tutta la pagina. Funziona esattamente come la funzione getElementsByClassName().
const paragraphs = document.getElementsByTagName("p");In questo modo possiamo recuperare tutti i tag p nella variabile paragraphs. Per apportare modifiche a tutti i paragrafi, dobbiamo iterare su questa variabile.
Sfida
FacileTi viene fornito del codice HTML.
Usando solo JavaScript, modifica tutti i paragrafi in modo che contengano il testo “Updated text”.
Provalo tu
<!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>Tutte le lezioni di Metodi DOM di JavaScript
2Metodi DOM I
getElementByIdModificare lo stile di un elementogetElementsByClassNameIterare e manipolaregetElementsByTagNamequerySelectorEsercitati da solo: Playground Web