Penggunaan getElementsByTagName

getElementsByTagName

Adalah satu metode yang digunakan untuk mengambil semua elemen-elemen dengan menggunakan parameter tag.
Syntax:
ElemenHTML.getElementsByTagName(‘namaTag’)
Contoh Kasus:
Saya mempunyai tampilan HTML seperti terlihat dibawah ini:

Kursus a2fahmi.com menyedikan materi kursus sebagai berikut:

• HTML
• PHP
• JavaScript
• CSS
• jQuery

Kode yang sudah dibuat

Keinginan:
Jadi ketika saya klik tombol tekan maka semua tulisan dalam elemen

akan berwarna merah seperti terlihat dibawah ini:

Kursus a2fahmi.com menyedikan materi kursus sebagai berikut:

• HTML
• PHP
• JavaScript
• CSS
• jQuery

Pertanyaan:
Bagaimana cara membuatnya menggunakan metode getElementsByTagName … ?
Jawaban
Buatlah sebuah file HTML bernama daftarKursus.html lalu masukkan kode seperti dibawah ini:



Keterangan:

• document.getElementById(‘kursus’), Kode ini digunakan untuk mengambil elemen yang mempunyai id=’kursus’.
• idUl.getElementsByTagName(‘li’), Kode ini digunakan untuk mengambil semua elemen yang mempunyai tag=’li’.
• list[i].style.color=”red”, Kode ini digunakan untuk memberikan warna merah ke setiap elemen dari array list.

Hasil:
Jalankan file HTMLmu dan lihatlah hasilnya apakah sudah sesuai.