Ejemplo
Saber cuántas <img> elementos que hay en el documento:
var x = document.images.length;El resultado de x será:
3 Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La colección de imágenes devuelve una colección de todos los <img> elementos en el documento.
Note: Los elementos de la colección están ordenados como aparecen en el código fuente.
Nota: La colección de imágenes no devuelve una colección de <input> elementos type = "imagen" con.
Consejo: También mirar el objeto de imagen .
Soporte del navegador
| Colección | |||||
|---|---|---|---|---|---|
| images | Sí | Sí | Sí | Sí | Sí |
Sintaxis
document.imagespropiedades
| Propiedad | Descripción |
|---|---|
| length | Devuelve el número de <img> elementos de la colección. Nota: Esta propiedad es de sólo lectura |
métodos
| Método | Descripción |
|---|---|
| [ index ] | Devuelve el <img> elemento de la colección con el índice especificado (starts at 0) . Nota: Devuelve un valor nulo si el número de índice está fuera de rango |
| item( index ) | Devuelve el <img> elemento de la colección con el índice especificado (starts at 0) . Nota: Devuelve un valor nulo si el número de índice está fuera de rango |
| namedItem( id ) | Devuelve el <img> elemento de la colección con el id especificado. Nota: Devuelve un valor nulo si el identificador no existe |
Detalles técnicos
| DOM Versión: | Nivel básico Objeto Documento 1 |
|---|---|
| Valor de retorno: | Un Objeto HTMLCollection, que representa a todos <img> elementos en el documento. Los elementos de la colección están ordenados como aparecen en el código fuente |
Más ejemplos
Ejemplo
[Índice]
Obtener la URL de la primera <img> elemento (index 0) en el documento:
var x = document.images[0].src;El resultado de x será:
http://www.w3ii.com/jsref/klematis.jpg Inténtalo tú mismo " Ejemplo
item( index )
Obtener la URL de la primera <img> elemento (index 0) en el documento:
var x = document.images.item(0).src;El resultado de x será:
http://www.w3ii.com/jsref/klematis.jpg Inténtalo tú mismo " Ejemplo
namedItem( id )
Obtener la URL de la <img> elemento con id = "MyIMG" en el documento:
var x = document.images.namedItem("myImg").src;El resultado de x será:
http://www.w3ii.com/jsref/smiley.gif Inténtalo tú mismo " Ejemplo
Añadir un borde punteado negro a la primera <img> elemento en el documento:
document.images[0].style.border = "10px dotted black"; Inténtalo tú mismo " Ejemplo
Loop a través de todos <img> elementos en el documento, y la salida de la URL (src) de cada imagen:
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].src + "<br>";
}El resultado de txt será:
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif Inténtalo tú mismo " Páginas relacionadas
JavaScript referencia: HTML DOM imagen de objetos
Tutorial de HTML: Imágenes HTML
Referencia HTML: HTML <img> etiqueta
<Document Object