最新のWeb開発のチュートリアル
 

HTML DOMイメージオブジェクト


画像オブジェクト

Imageオブジェクトは、HTMLを表す<img>要素を。

イメージ・オブジェクトにアクセス

あなたはアクセスすることができます<img>使用して要素をgetElementById()

var x = document.getElementById("myImg");
»それを自分で試してみてください

ヒント:また、アクセスすることができます<img>使用して要素を画像のコレクションを。

Imageオブジェクトを作成します。

あなたは、作成することができます<img>使用して要素をdocument. createElement() document. createElement()メソッド:

var x = document.createElement("IMG");
»それを自分で試してみてください

イメージ・オブジェクトのプロパティ

プロパティ 説明
align HTML5でサポートされていません。 使用style.cssFloatを代わりに。
セットまたはリターンの値align画像の属性
alt 設定またはの値を返すalt画像の属性を
border HTML5でサポートされていません。 使用style.borderを代わりに。
設定またはリターンの値border画像の属性
complete ブラウザが画像を読み込む終了したかどうかを返します
crossOrigin 設定または返します画像のCORS設定
height 設定またはリターンの価値height画像の属性
hspace HTML5でサポートされていません。 使用style.margin代わりに。
設定またはの値を返すhspace画像の属性を
isMap 画像がサーバ側画像マップの一部であっても、またはしないかどうかを設定または返します
longDesc HTML5でサポートされていません。
設定またはの値を返すlongdesc画像の属性を
name HTML5でサポートされていません。 代わりにIDを使用してください。
設定またはの値を返すname画像の属性を
naturalHeight 画像の元の高さを返します。
naturalWidth 画像の元の幅を返します。
src 設定またはの値を返すsrc画像の属性を
useMap 設定またはの値を返すusemap画像の属性を
vspace HTML5でサポートされていません。 使用style.margin代わりに。
設定またはの値を返すvspace画像の属性を
width 設定またはの値を返すwidth画像の属性を

標準プロパティおよびイベント

Imageオブジェクトは、標準サポートのプロパティイベントを


関連ページ

HTMLチュートリアル: HTML画像

HTMLリファレンス: HTML <img>タグ