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 dalam 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 juga:

Metode getElementsByTagName()

Metode getElementsByClassName()

Metode querySelector()

Metode querySelectorAll()

Contoh

Contoh 1

Dapatkan elemen yang memiliki id yang ditentukan:

document.getElementById("demo");

Coba sendiri

Contoh 2

Dapatkan elemen dan ubah warna ia:

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

Coba sendiri

Contoh 3

atau hanya mengubah warna ia:

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

Coba sendiri

Sintaks

document.getElementById(elementId)

Parameter

Parameter Deskripsi
elementId Diperlukan. Nilai id elemen.

Hasil Pengembalian

Tipe Deskripsi
Objek

elemen dengan id yang ditentukan.

Jika tidak ditemukan, kembalikan 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, ia akan mengembalikan null.Nilai properti id unik di dalam dokumen, jika metode ini menemukan beberapa knot Element dengan id yang ditentukan, maka ia akan mengembalikan elementId Knot Element, yang akan mengembalikan sebuah knot Element seperti itu secara acak, atau mengembalikan null.

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

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

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. Sebenarnya,getElementById() Metode ini awalnya didefinisikan sebagai bagian dari antarmuka HTMLDocument, tetapi kemudian dipindahkan ke antarmuka Document dalam DOM tingkat 2.

Dukungan Pelayar

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

Semua pelayar mendukungnya:

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

Halaman Berhubungan

Tutorian CSS:Syarat CSS

Panduan CSS:Pemilihan pilih #id CSS

Panduan HTML DOM:Properti id HTML DOM

Panduan HTML DOM:Objek Style HTML DOM