HTMLPictureElement インターフェイス
HTMLPictureElement インターフェイスは、 <img> エレメントだけよりも柔軟にイメージリソースを定義できる <picture> エレメントを定義したインターフェイスです。
<picture> エレメントによってレスポンシブに対応した画像表示ができます。
HTMLPictureElement インターフェイスは、プロパティ、メソッド、イベントを定義しています。
<picture> エレメントはユーザービリティに配慮した画像表示ができます。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLPictureElement
- ┆
ページ内 Index
- ad -
プロパティ(Properties)
HTMLPictureElement インターフェイスには独自のプロパティがないです。
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
Elementのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
メソッド(Methods)
HTMLPictureElement インターフェイスに独自のメソッドがありません。
HTMLPictureElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
Elementのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
イベント(Event)
HTMLPictureElement にイベントハンドラーを定義する方法には以下があります。
HTMLPictureElement.addEventListener( 'click', ()=>{...} )
HTMLPictureElement.onclick = function(){...}
<button onclick = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLPictureElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。
GlobalEventHandlersのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
DocumentAndElementEventHandlersのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
- ad -