HTML DOM Image オブジェクト

画像オブジェクト

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

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

Image オブジェクトにアクセス

getElementById() メソッドを使用して <img> 要素にアクセスできます:

var x = document.createElement("IMG");

var x = document.getElementById("myImg");ヒント: 以下のように使用することもできます images コレクション

<img> 要素にアクセス

Image オブジェクトの作成

document.createElement() メソッドを使用して <img> 要素を作成できます:

var x = document.createElement("IMG");

実際に試してみてください

属性 Image オブジェクト属性
説明

vspaceHTML5 ではサポートされていません。 align

style.cssFloat

画像の align 属性値を設定または返します。 alt
画像の alt 属性値を設定または返します。

vspaceHTML5 ではサポートされていません。 border

style.border

画像の border 属性値を設定または返します。 complete
ブラウザが画像の読み込みを完了したかどうかを返します。 crossOrigin
画像の CORS 設定を設定または返します。 height
画像の height 属性値を設定または返します。

vspaceHTML5 ではサポートされていません。 style.margin

hspace

画像の hspace 属性値を設定または返します。 isMap
画像がサーバーサイド画像マッピングの一部であるかどうかを設定または返します。

vspace

longDesc

画像の longdesc 属性の値を設定または返します。

vspace

lowsrc

画像の低解像度バージョンの URL を設定または返します。

vspacename

id を使用してください。

画像の name 属性値を設定または返します。 naturalHeight
画像の元の高さを返します。 naturalWidth
画像の元の幅を返します。 src
画像の src 属性値を設定または返します。 useMap
画像の usemap 属性値を設定または返します。

vspaceHTML5 ではサポートされていません。 style.margin

画像の vspace 属性値を設定または返します。

width 画像の width 属性値を設定または返します。

標準属性とイベントをサポートしています。

Image オブジェクトは標準属性およびイベント

関連ページ

HTML タutorial:HTML イメージ

HTML リファレンスマニュアル:HTML <img> タグ