1.getElementById()
getElementById() dapat mengakses elemen tertentu di DOCUMENT. Seperti namanya, ia memperoleh elemen melalui ID, sehingga hanya dapat mengakses elemen dengan set ID.
Misalnya, ada DIV dengan ID docid:
kode program
<div id=docid></div>
Kemudian Anda bisa menggunakan getElementById(docid) untuk mendapatkan elemen ini.
2.getElementsByName()
Ini untuk mendapatkan elemen melalui NAMA, tapi saya ingin tahu apakah Anda memperhatikan bahwa ini adalah GET ELEMENTS. Bentuk jamak ELEMENTS artinya yang diperoleh bukan elemen Mengapa?
Karena ID tiap elemen di DOCUMENT bersifat unik, namun NAMAnya bisa diulang. Kalau dianalogikan, nomor KTP seseorang itu unik (secara teori, walaupun kenyataannya ada duplikat), tapi namanya banyak yang duplikat. Jika sebuah dokumen
Jika ada lebih dari dua tag dengan nama yang sama, maka getElementsByName() dapat memperoleh elemen tersebut untuk membentuk array.
Misalnya, ada dua DIV:
kode program
<nama div=nama dokumen id=docid1></div>
<nama div=nama dokumen id=docid2></div>
Kemudian Anda dapat menggunakan getElementsByName(docname) untuk mendapatkan kedua DIV ini, gunakan getElementsByName(docname)[0] untuk mengakses DIV pertama, dan gunakan getElementsByName(docname)[1] untuk mengakses DIV kedua.
3. dapatkanElementsByTagName()
Ini untuk mendapatkan elemen melalui TAGNAME (nama tag). Tentu saja, DOCUMENT akan memiliki tag yang sama, jadi metode ini juga mendapatkan array.
Contoh berikut memiliki dua DIV. Anda dapat mengaksesnya dengan getElementsByTagName(div). Gunakan getElementsByTagName(div)[0] untuk mengakses DIV pertama
getElementsByTagName(div)[1] mengakses DIV kedua.
Untuk meringkas DOM standar, coba gunakan getElementById() standar untuk mengakses elemen tertentu, dan gunakan getElementByTagName() standar untuk mengakses tag. Namun, IE tidak mendukung getElementsByName(), jadi sebaiknya hindari menggunakannya.
getElementsByName(), tetapi getElementsByName() dan document.all[] non-standar tidak sia-sia. Mereka memiliki kemudahannya sendiri. Apakah Anda menggunakannya atau tidak tergantung pada browser apa yang digunakan pengguna situs web.