getElementsByTagName
Pelajaran 7 dari 13 dalam kursus Metode DOM JavaScript di Coddy.
Fungsi getElementsByTagName() mengembalikan array berisi semua elemen dengan nama tag HTML yang cocok (misalnya, div, p, span), sehingga kamu dapat menargetkan jenis elemen tertentu di seluruh halaman. Cara kerjanya sama persis dengan fungsi getElementsByClassName().
const paragraphs = document.getElementsByTagName("p");Dengan cara ini, kita dapat mengambil semua tag p ke dalam variabel paragraphs. Untuk mengubah semua paragraf, kita harus melakukan perulangan pada variabel ini.
Tantangan
MudahKamu diberi kode HTML.
Hanya menggunakan JavaScript, ubah semua paragraf agar berisi teks “Updated text”.
Coba sendiri
<!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>Semua pelajaran di Metode DOM JavaScript
2Metode DOM I
getElementByIdUbah Gaya ElemengetElementsByClassNameTelusuri dan ManipulasigetElementsByTagNamequerySelectorLatihan sendiri: Playground Web