13 April, 2014

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.

    No comments:

    Post a Comment