Mendapatkan Elemen Menurut Namanya

Friday, August 30th, 2019 - Artikel HTML DOM

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.

Mendapatkan Elemen Menurut Namanya | Ahmad Code | 4.5

Html Dom Pendahuluan

Apa itu DOM? Document Object Model (DOM) ialah suatu platform and language-neutral interface yang memperbolehkan jadwal dan script secara dinamis...
Cara Mengakses Node

Node yang dikenal ELEMENT_NODE, ATTRIBUTE_NODE, TEXT_NODE, ENTITY_REFERENCE_NODE, ENTITY_NODE, DOCUMENT_NODE, DOCUMENT_TYPE_NODE, DOCUMENT_FRAGMENT_NODE, NOTATION_NODE, CDATA_SECTION_NODE, PROCESSING_INSTRUCTION_NODE, dan COMMENT_NODE. Dari sekian banyak itu,...
Properti Penyimpan Info Node

Ada banyak properti DOM yang dapat dipakai untuk mengakses suatu node, sesudah itu memanipulasinya dengan JavaScript, contohnya properti itu: nodeName...
Innerhtml

innerHTML dapat dipakai untuk menetapkan atau mengembalikan teks dari suatu elemen. innerHTML bukanlah bab spesifikasi W3C DOM, tetapi properti ini...
Membuat Elemen Gres Dengan Dom

Anda dapat memakai beberapa metode dari DOM untuk membuat elemen, atribut, atau teks. Mereka adalah: createElement() setAttribute() createTextNode() appendChild() Berikut...