tutoriais mais recente desenvolvimento web
 

HTML DOM objeto Imagem


objeto imagem

O objeto de imagem representa um HTML <img> elemento.

Acessar um objeto de imagem

Você pode acessar um <img> elemento usando getElementById() :

Exemplo

var x = document.getElementById("myImg");
Tente você mesmo "

Dica: Você também pode acessar um <img> elemento usando a imagens coleção.

Criar um objeto de imagem

Você pode criar um <img> elemento usando o document. createElement() document. createElement() Método:

Exemplo

var x = document.createElement("IMG");
Tente você mesmo "

Image Properties Objeto

Propriedade Descrição
align Não suportado em HTML5. Use style.cssFloat vez.
Define ou retorna o valor da align atributo de uma imagem
alt Define ou retorna o valor da alt atributo de uma imagem
border Não suportado em HTML5. Use style.border vez.
Define ou retorna o valor da border atributo de uma imagem
complete Retorna ou não o navegador é terminar de carregar uma imagem
crossOrigin Define ou retorna as configurações de CORS de uma imagem
height Define ou retorna o valor da height atributo de uma imagem
hspace Não suportado em HTML5. Use style.margin vez.
Define ou retorna o valor da hspace atributo de uma imagem
isMap Define ou retorna se uma imagem deve ser parte de uma imagem-map do lado do servidor, ou não
longDesc Não suportado em HTML5.
Define ou retorna o valor do longdesc atributo de uma imagem
name Não suportado em HTML5. Use id vez.
Define ou retorna o valor do name atributo de uma imagem
naturalHeight Retorna a altura original de uma imagem
naturalWidth Retorna a largura original de uma imagem
src Define ou retorna o valor da src atributo de uma imagem
useMap Define ou retorna o valor da usemap atributo de uma imagem
vspace Não suportado em HTML5. Use style.margin vez.
Define ou retorna o valor da vspace atributo de uma imagem
width Define ou retorna o valor da width atributo de uma imagem

Propriedades padrão e Eventos

O objeto de imagem também suporta o padrão propriedades e eventos .


Páginas relacionadas

Tutorial HTML: HTML Imagens

Referência HTML: HTML <img> tag