Images de documents HTML DOM
Exemple
Le nombre d'éléments <img> dans le document :
document.images.length;
Bouclez sur tous les éléments <img> et affichez l'URL (src) de chacun :
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
L'URL du premier élément <img> est :
document.images[0].src;
L'URL du premier élément <img> est :
document.images.item(0).src;
Plus d'exemples ci-dessous.
Définition et utilisation
La imagespropriété renvoie une collection de tous les éléments <img> d'un document.
La imagespropriété renvoie une HTMLCollection .
La imagespropriété est en lecture seule.
Noter
La imagespropriété ne renvoie pas les éléments <input> avec type="image".
Voir également:
Collection HTML
Une HTMLCollection est une collection de nœuds HTML.
Les nœuds d'une collection sont accessibles par des numéros d'index. L'indice commence à 0.
La propriété length renvoie le nombre d'éléments dans la collection.
Syntaxe
document.images
Propriétés
| Property | Description |
| length | The number of <img> elements in the collection. |
Méthodes
| Method | Description |
| [index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Valeur de retour
| Taper | La description |
| Objet | Un objet HTMLCollection. Tous les éléments <img> du document. Les éléments sont triés tels qu'ils apparaissent dans le document. |
Plus d'exemples
L'URL de l'élément <img> avec id="myImg" est :
document.images.namedItem("myImg").src;
Ajoutez une bordure noire au premier élément <img> :
document.images[0].style.border = "10px dotted black";
Prise en charge du navigateur
document.images est une fonctionnalité DOM niveau 1 (1998).
Il est entièrement pris en charge dans tous les navigateurs :
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |