Atributo HTML DOM Document images
- Página anterior head
- Página siguiente implementation
- Volver a la capa superior Documents del DOM HTML
Definición y uso
images La propiedad devuelve la colección de elementos <img> en el documento.
images images La propiedad images no devuelve elementos <input> con type="image".Atributo devuelve
.image
La propiedad s es de solo lectura.Consejo:
La propiedad images no devuelve elementos <input> con type="image".
La propiedad images no devuelve elementos <input> con type="image". HTMLCollection
Es una colección de elementos HTML similar a un array (lista).
Atributos Se puede acceder a los elementos de la colección mediante índice (comienza en 0).
Tutoriales de HTML de imágenes
Ejemplo
Ejemplo 1
El número de elementos <img> en el documento:
document.images[0].style.border = "10px dotted black";
document.images.length;
Ejemplo 2
Recorrer todos los elementos <img> y mostrar la URL (src) de cada elemento:
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";
}
Ejemplo 4
Ejemplo 3
document.images[0].style.border = "10px dotted black";
document.images[0].src;
Ejemplo 4
La URL del primer elemento <img> es:
document.images[0].style.border = "10px dotted black";
document.images.item(0).src;
Ejemplo 5
La URL del elemento <img> con id="myImg" es:
document.images[0].style.border = "10px dotted black";
document.images.namedItem("myImg").src;
Ejemplo 6
Añadir un borde negro a la primera <img> elemento:
Prueba por ti mismo
document.images
Sintaxis
| Sintaxis | Descripción |
|---|---|
| Atributos | length |
El número de elementos <img> en la colección.
| El número de elementos <img> en la colección. | Descripción |
|---|---|
| Métodositem([ |
index devuelve el elemento con el índice especificado (comienza en 0). |
| ]item(namedItem( |
index devuelve el elemento con el índice especificado (comienza en 0). |
| Si el índice está fuera de rango, devuelve null.sinamedItem( |
) si devuelve los elementos con de los elementos. si id |
Si no existe, devuelve null.
| Tipo | Descripción |
|---|---|
| Objeto |
Objeto HTMLCollection. Todos los elementos <img> del documento. Se ordenan según el orden en que aparecen en el código fuente. |
Compatibilidad del navegador
document.images Es una característica del nivel DOM 1 (1998).
Todos los navegadores lo admiten:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Soporte | 9-11 | Soporte | Soporte | Soporte | Soporte |
- Página anterior head
- Página siguiente implementation
- Volver a la capa superior Documents del DOM HTML
