Imágenes de documentos HTML DOM
Ejemplo
El número de elementos <img> en el documento:
document.images.length;
Recorra todos los elementos <img> y genere la URL (src) de cada uno:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
La URL del primer elemento <img> es:
document.images[0].src;
La URL del primer elemento <img> es:
document.images.item(0).src;
Más ejemplos a continuación.
Definición y uso
La images
propiedad devuelve una colección de todos los elementos <img> en un documento.
La images
propiedad devuelve una HTMLCollection .
La images
propiedad es de solo lectura.
Nota
La images
propiedad no devuelve elementos <input> con type="image".
Ver también:
Colección HTML
Una HTMLCollection es una colección de nodos HTML.
Se puede acceder a los nodos de una colección mediante números de índice. El índice comienza en 0.
La propiedad length devuelve el número de elementos de la colección.
Sintaxis
document.images
Propiedades
Property | Description |
length | The number of <img> elements in the collection. |
Métodos
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. |
Valor devuelto
Escribe | Descripción |
Objeto | Un objeto HTMLCollection. Todos los elementos <img> del documento. Los elementos se ordenan tal como aparecen en el documento. |
Más ejemplos
La URL del elemento <img> con id="myImg" es:
document.images.namedItem("myImg").src;
Agregue un borde negro al primer elemento <img>:
document.images[0].style.border = "10px dotted black";
Compatibilidad con navegador
document.images
es una característica DOM Nivel 1 (1998).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |