Atributo src de imagen

Objeto Image del DOM de HTML

Definición y uso

src Configuración de atributo o devolución de imagen Atributo src de valor.

Obligatorio Atributo src URL que especifica la imagen.

Consejo:Puede cambiar el atributo src en cualquier momento. Sin embargo, si no se especifican nuevas propiedades de altura y anchura, la nueva imagen heredará las propiedades de altura y anchura de la imagen original.

Ejemplo

Ejemplo 1

Cambiar la URL de la imagen:

document.getElementById("myImg").src = "wuhan.jpg";

Prueba personal

Ejemplo 2

Devolver la URL de la imagen:

var x = document.getElementById("myImg").src;

Prueba personal

Sintaxis

Devolver atributo src:

imageObject.src

Establecer atributo src:

imageObject.src = URL

Valor de atributo

Valor Descripción
URL

URL que especifica la imagen.

Valores posibles:

  • URL absoluta - apunta a otro sitio web (por ejemplo, src="http://www.example.com/default.htmls")
  • URL relativa - se refiere a archivos dentro del sitio web (por ejemplo, src="default.html"))

Detalles técnicos

Valor devuelto: Valor de cadena que representa la URL de la imagen. Devuelve toda la URL, incluyendo el protocolo (por ejemplo, http://).

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Atributo src de <img> en HTML

Objeto Image del DOM de HTML