Propriedade src da imagem

Objeto Image do DOM HTML

Definição e uso

src Configuração de atributo ou retorno de imagem Propriedade src do valor.

Obrigatória Propriedade src Define o URL da imagem.

Dica:Você pode alterar a propriedade src a qualquer momento. No entanto, se não forem especificados novos atributos de altura e largura, a nova imagem herdará os atributos de altura e largura da imagem original.

Exemplo

Exemplo 1

Alterar o URL da imagem:

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

Experimente você mesmo

Exemplo 2

Retornar o URL da imagem:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade src:

imageObject.src

Definir a propriedade src:

imageObject.src = URL

Valor do atributo

Valor Descrição
URL

Define o URL da imagem.

Valores possíveis:

  • URL absoluta - aponta para outro site (por exemplo, src="http://www.example.com/default.htmls")
  • URL relativa - aponta para arquivos dentro do site (como src="default.html").

Detalhes técnicos

Retorno: Valor de string, que representa a URL da imagem. Retorna a URL completa, incluindo o protocolo (como http://).

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML:Propriedade src do <img> do HTML

Objeto Image do DOM HTML