Metode HTML DOM Document getElementById()

Definisi dan penggunaan

getElementById() Metode mengembalikan elemen yang memiliki nilai id yang ditentukan.

Jika elemen tidak adagetElementById() Metode akan kembalikan null.

getElementById() Metode adalah salah satu metode yang paling sering digunakan di HTML DOM. Hampir setiap kali Anda ingin membaca atau mengubah elemen HTML, Anda akan menggunakannya.

Pemberitahuan

Setiap id harus unik, tetapi:

Jika ada dua atau lebih elemen yang memiliki id yang sama, maka getElementById() Kembalikan yang pertama.

Lihat pula:

Metode getElementsByTagName()

Metode getElementsByClassName()

Metode querySelector()

Metode querySelectorAll()

Contoh

Contoh 1

Mengambil elemen yang memiliki id yang ditentukan:

document.getElementById("demo");

Coba Sendiri

Contoh 2

Mengambil elemen dan merubah warnanya:

const myElement = document.getElementById("demo");
myElement.style.color = "red";

Coba Sendiri

Contoh 3

atau hanya mengubah warnanya:

document.getElementById("demo").style.color = "red";

Coba Sendiri

Sintaksis

document.getElementById(elementId)

Parameter

Parameter Deskripsi
elementId Wajib. Nilai id elemen.

Nilai Kembalian

Tipe Deskripsi
Objek

elemen dengan id yang ditentukan.

Jika tidak ditemukan, maka mengembalikan null.

Detil Teknik

getElementById() Metode ini adalah metode yang sering digunakan dan penting, karena ia menyediakan cara mudah untuk mendapatkan objek Element yang mewakili elemen dokumen yang ditentukan.

Metode ini akan mencari nilai properti id elementId jika tidak menemukan elemen seperti itu, maka ia akan mengembalikan null.Nilai properti id unik di dalam dokumen, jika metode ini menemukan beberapa elemen dengan id yang ditentukan, maka ia akan mengembalikan elementId nod Element, yang akan mengembalikan elemen seperti itu secara acak, atau mengembalikan null.

Perhatian:Nama metode ini dimulai dengan Id dengan akhiran IDtanpa salah eja!

Dalam dokumen HTML, metode ini selalu mencari properti dengan id yang ditentukan. Gunakan HTMLDocument.getElementByName() Metode, mencari elemen HTML berdasarkan nilai properti name nya.

Dalam dokumen XML, metode ini digunakan untuk mencari properti apapun dengan tipe id, tanpa menghiraukan nama properti. nullDalam JavaScript klien, metode ini jarang digunakan bersamaan dengan dokumen XML.getElementById() Metode ini awalnya didefinikan sebagai bagian dari antarmuka HTMLDocument, tetapi kemudian dimasukkan ke dalam antarmuka Document di DOM tingkat 2.

Dukungan Browser

document.getElementById() Adalah fitur DOM Level 2 (2001).

Semua browser mendukungnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9-11 Dukungan Dukungan Dukungan Dukungan

Halaman-Related

Panduan CSS:Syarat CSS

Panduan Referensi CSS:Pemilih #id CSS

Panduan Referensi HTML DOM:Properti id HTML DOM

Panduan Referensi HTML DOM:Objek Style HTML DOM