Atribut HTML DOM Document images

Definisi dan penggunaan

images Kembalian atribut mengembalikan kumpulan semua elemen <img> dalam dokumen.

images Atribut mengembalikan HTMLCollection.

imageAtribut 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.

Lihat pula:

Gambar

Tanda <img> HTML

Tutorial HTML Gambar

Contoh

Contoh 1

Jumlah elemen <img> di dokumen:

document.images.length;

Coba sendiri

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>";
}

Coba sendiri

Contoh 3

URL elemen <img> pertama adalah:

document.images[0].src;

Coba sendiri

Contoh 4

URL elemen <img> pertama adalah:

document.images.item(0).src;

Coba sendiri

Contoh 5

URL <img> dengan id="myImg":

document.images.namedItem("myImg").src;

Coba sendiri

Contoh 6

Tambahkan garis border hitam pertama <img>:

document.images[0].style.border = "10px dotted black";

Coba sendiri

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