Attribut HTML DOM Document images

Définition et utilisation

images Retourne l'ensemble de tous les éléments <img> du document.

images images L'attribut images ne retourne pas les éléments <input> avec type="image".Propriété qui retourne

.image

L'attribut s est en lecture seule.Astuce :

L'attribut images ne retourne pas les éléments <input> avec type="image".

L'attribut images ne retourne pas les éléments <input> avec type="image". HTMLCollection

C'est une collection de types HTML semblable à un tableau (liste).

Propriétés Les éléments de la collection peuvent être accédés par index (commençant à 0).

Propriété qui retourne le nombre d'éléments dans la collection.

Voir également :

Balise <img> HTML

Image

Tutoriel HTML Image

Exemple

Exemple 1

Nombre d'éléments <img> dans le document :

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

document.images.length;

Exemple 2

Parcourir tous les éléments <img> et afficher l'URL de chaque élément (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";

}

Exemple 4

Exemple 3

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

document.images[0].src;

Exemple 4

L'URL de la première balise <img> est :

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

document.images.item(0).src;

Exemple 5

L'URL de l'élément <img> avec id="myImg" est :

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

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

Exemple 6

Ajouter une bordure noire à la première balise <img> :

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

Essayez-le vous-même

document.images

Syntaxe

Syntaxe Description
Propriétés length

Nombre d'éléments <img> dans la collection.

Nombre d'éléments <img> dans la collection. Description
Méthodesitem([

index

Retourne l'élément avec l'index spécifié (commençant à 0).
]item(namedItem(

index

Retourne l'élément avec l'index spécifié (commençant à 0).
Si l'index dépasse la portée, retourne null.sinamedItem(

) si Retourne l'élément avec l'id spécifié

de l'élément. si id

Si inexistant, retourne null.

Type Description
Objet

Objet HTMLCollection.

Tous les éléments <img> du document.

Trier selon l'ordre d'apparition dans le code source.

Support du navigateur

document.images C'est une caractéristique de DOM Level 1 (1998).

Tous les navigateurs le supportent :

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