Categories: Artikel HTML DOM

Mendapatkan Elemen Menurut Namanya

Di getElementById() atau getElementsByTagName() untuk menemukan elemen-elemen tertentu, anda juga sanggup gunakan getElementsByName().

getElementsByName() dipakai untuk menemukan elemen-elemen spesifik menurut nama yang dimilikinya.

getElementsByName() akan mengembalikan koleksi elemen di mana atribut NAME-nya cocok dengan argumen yang diberikan. Jika tidak ada satupun elemen ditemukan menurut nama yang ditetapkan di dalam argumen, array dengan zero-length dikembalikan.

Sebagai contoh, katakan aku memiliki kelompok radio dengan nama yang sama, favoriteColor:

<form> Apa warna favorit anda?<br> <input type="radio" name="favoriteColor" value="red">Merah <input type="radio" name="favoriteColor" value="blue">Biru <input type="radio" name="favoriteColor" value="green">Hijau <input type="radio" name="favoriteColor" value="yellow">Kuning </form>

Untuk mendapat contoh kepada kelompok radio di atas, aku sanggup memakai cara berikut:

var favoriteColorGroup = document.getElementsByName("favoriteColor");

Kemudian dikala aku ingin melaksanakan looping terhadapnya, ini menyerupai halnya melaksanakan looping terhadap array:

for (var i = 0; i < favoriteColorGroup.length; i++) { document.write("Color: " + favoriteColorGroup[i].value + "<br>"); }

Juga, alasannya ialah itu ialah array, aku sanggup mengakses setiap item via notasi bracket []. Contohnya dikala aku ingin mengembalikan nilai radio yang memiliki indeks ke 0:

document.write(favoriteColorGroup[0].value); // "red"

Untuk mengembalikan nilai radio yang memiliki indeks ke 1:

document.write(favoriteColorGroup[1].value); // "blue"

Untuk mengembalikan nilai radio yang memiliki indeks ke 2:

document.write(favoriteColorGroup[2].value); // "green"

dst.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code