Hai teman-teman semuanya? apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya, pembahasan kita kali ini masi seputar javascript, kali ini kita akan memahami selector getElementsByTagName pada javascript.
Untuk teman-teman yang masih baru belajar javascript pasti dibuat bingung dengan pemilihan selector dengan menggunakan getElementsByTagName karena merasa pemanggilannya sudah benar tapi masi saja tidak berjalan sesuai yang diinginkan, disini saya kasi tips sedikit tentang bagaimana memilih element dengan tag name pada javascript.
oke sekarang misalkan kita memiliki script seperti ini:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <title>Javscript</title> </head> <body> <p>Rizal</p> <p>Bayu</p> <p>Fachrul</p> <p>Eki</p> </body> </html> |
Misal kita punya 4 buah paragram sejajar, sekarang pertanyaannya bagaimana kita dapat memilih yang kita ingin pilih sedangkan semua dihimpit dengan tag name dan kita dilarang menambahkan id atau class. nah teman-teman bisa ketikan cara seperti berikut ini:
|
1 2 3 4 |
<script type="text/javascript"> var text = document.getElementsByTagName("p"); console.log(text[2].textContent) </script> |
Nah saya membuat sebuah variable dengan menggnakan element p sebgai selectornya
sekarang saya menyimpan semua element p itu kedalam sebuah variabel text, nah namun untuk getelementbttagname ini unik kita harus memanggiil indeks element p yang keberapa yang ingin kita panggil, maka jika teman-teman jalankan pada browser hasilnya akan seperti berikut ini:
yang tercetak pada bagian tab consol adalah fachrul karena fachrul merupakan indexs urutan p ke 2 karena indexs dimulai dari 0.
Oke teman-teman untuk tutorial kali ini saya rasa cukup sampai sini dulu, sampai bertemu lagi pada tutorial berikutnya,
Terima kasih