Atrybut HTML DOM Document images

Definicja i zastosowanie

images Zwraca zbiór wszystkich elementów <img> w dokumencie.

images images Atrybut images nie zwraca elementów <input> o atrybucie type="image".Atrybut zwraca

.image

Atrybut s jest tylko do odczytu.Wskazówka:

Atrybut images nie zwraca elementów <input> o atrybucie type="image".

Atrybut images nie zwraca elementów <input> o atrybucie type="image". HTMLCollection

To zbiorowy obiekt podobny do tablicy (listy) HTML elementów.

Atrybut Można dostępuć do elementów w zbiorze za pomocą indeksu (zaczynając od 0).

Atrybut zwraca liczbę elementów w zbiorze.

Zobacz również:

Znacznik <img> HTML

Obraz

HTML Kurs Zdjęć

Przykład

Przykład 1

Liczba elementów <img> w dokumencie:

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

document.images.length;

Przykład 2

Przejdź przez wszystkie elementy <img> i wypisz URL każdego elementu (src):
const myImages = document.images;
let text = "";
  for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";

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

}

Przykład 4

Przykład 3

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

document.images[0].src;

Przykład 4

URL pierwszego elementu <img>:

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

document.images.item(0).src;

Przykład 5

URL elementu <img> o atrybucie id="myImg":

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

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

Przykład 6

Dodaj czarną ramkę do pierwszego elementu <img>:

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

Spróbuj sam!

document.images

Syntaktyka

Syntaktyka Opis
Atrybut length

Liczba elementów <img> w zbiorze.

Liczba elementów <img> w zbiorze. Opis
Metodaitem([

index

Zwraca element o określonym indeksie (zaczynając od 0).
]item(namedItem(

index

Zwraca element o określonym indeksie (zaczynając od 0).
Jeśli indeks jest poza zakresem, zwraca null.jeślinamedItem(

) jeśli z określonym

elementu. jeśli id

Jeśli nie istnieje, zwraca null.

Typ Opis
Obiekt

Obiekt HTMLCollection.

Wszystkie elementy <img> w dokumencie.

sortowane są według kolejności ich występowania w kodzie źródłowym.

Wspieranie przeglądarek

document.images To jest cecha DOM Level 1 (1998).

Wszystkie przeglądarki wspierają to:

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