Atribut HTML DOM Document images
- Halaman Sebelumnya head
- Halaman Berikutnya implementation
- Kembali ke Lapisan Atas Documents DOM HTML
Definisi dan penggunaan
images
Kembalian atribut mengembalikan kumpulan semua elemen <img> dalam dokumen.
images
Atribut mengembalikan HTMLCollection.
image
Atribut s adalah hanya-baca.
Petunjuk:Atribut images tidak mengembalikan elemen <input> dengan type="image".
HTMLCollection
HTMLCollection Adalah kumpulan seperti array elemen HTML (daftar).
Elemen dalam kumpulan dapat diakses melalui indeks (dari 0).
length Atribut mengembalikan jumlah elemen dalam kumpulan.
Contoh
Contoh 1
Jumlah elemen <img> di dokumen:
document.images.length;
Contoh 2
Lompat semua elemen <img> dan output URL (src) masing-masing elemen:
const myImages = document.images; let text = ""; for (let i = 0; i < myImages.length; i++) { text += myImages[i].src + "<br>"; }
Contoh 3
URL elemen <img> pertama adalah:
document.images[0].src;
Contoh 4
URL elemen <img> pertama adalah:
document.images.item(0).src;
Contoh 5
URL <img> dengan id="myImg":
document.images.namedItem("myImg").src;
Contoh 6
Tambahkan garis border hitam pertama <img>:
document.images[0].style.border = "10px dotted black";
Sintaks
document.images
Atribut
Atribut | Deskripsi |
---|---|
length | Jumlah elemen <img> dalam kumpulan. |
Metode
Metode | Deskripsi |
---|---|
[index] |
Kembalikan elemen dengan indeks yang ditentukan (dari 0). Jika indeks melebihi batas, kembalikan null. |
item(index) |
Kembalikan elemen dengan indeks yang ditentukan (dari 0). Jika indeks melebihi batas, kembalikan null. |
namedItem(Jika) |
Kembalikan yang memiliki Jika . elemen Jika id |
Tidak ada, kembalikan null.
Tipe | Deskripsi |
---|---|
Objek |
Objek HTMLCollection. Semua elemen <img> di dokumen. Ditata urut menurut urutan munculnya di kode sumber. |
Dukungan peramban
document.images
Adalah fitur DOM Level 1 (1998).
Semua peramban mendukungnya:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Dukungan | 9-11 | Dukungan | Dukungan | Dukungan | Dukungan |
- Halaman Sebelumnya head
- Halaman Berikutnya implementation
- Kembali ke Lapisan Atas Documents DOM HTML