Derniers tutoriels de développement web
 

HTML images DOM Collection

<Document Object

Exemple

Découvrez combien <img> éléments il y a dans le document:

var x = document.images.length;

Le résultat de x sera:

3
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

La collection d'images retourne une collection de tous les <img> éléments du document.

Note: Les éléments de la collection sont classés comme ils apparaissent dans le code source.

Note: La collection d'images ne retourne pas une collection de <input> éléments de type = "image".

Astuce: Regardez aussi l' objet image .

Support du navigateur

Collection
images Oui Oui Oui Oui Oui

Syntaxe

document.images

Propriétés

Propriété La description
length Retourne le nombre de <img> éléments de la collection.

Note: Cette propriété est en lecture seule

méthodes

méthode La description
[ index ] Renvoie la <img> élément de la collection à l'index spécifié (starts at 0) .

Remarque: renvoie null si le numéro d'index est hors de portée
item( index ) Renvoie la <img> élément de la collection à l'index spécifié (starts at 0) .

Remarque: renvoie null si le numéro d'index est hors de portée
namedItem( id ) Retourne le <img> élément de la collection avec l'id spécifié.

Note: Retourne null si l'identifiant n'existe pas

Détails techniques

DOM Version: Niveau de base 1 Document Object
Valeur de retour: Un objet HTMLCollection, représentant tous les <img> éléments du document. Les éléments de la collection sont classés comme ils apparaissent dans le code source
Exemples

autres exemples

Exemple

[Index]

Obtenir l'URL de la première <img> élément (index 0) dans le document:

var x = document.images[0].src;

Le résultat de x sera:

http://www.w3ii.com/jsref/klematis.jpg
Essayez vous - même »

Exemple

item( index )

Obtenir l'URL de la première <img> élément (index 0) dans le document:

var x = document.images.item(0).src;

Le résultat de x sera:

http://www.w3ii.com/jsref/klematis.jpg
Essayez vous - même »

Exemple

namedItem( id )

Obtenir l'URL du <img> élément avec id = "myImg" dans le document:

var x = document.images.namedItem("myImg").src;

Le résultat de x sera:

http://www.w3ii.com/jsref/smiley.gif
Essayez vous - même »

Exemple

Ajouter une bordure en pointillé noir à la première <img> élément dans le document:

document.images[0].style.border = "10px dotted black";
Essayez vous - même »

Exemple

Boucle à travers tous les <img> éléments dans le document, et la sortie de l'URL (src) de chaque image:

var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].src + "<br>";
}

Le résultat de txt sera:

http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif
Essayez vous - même »

Pages associées

JavaScript référence: DOM HTML image objet

Tutoriel HTML: Images HTML

Référence HTML: HTML <img> tag

<Document Object