HTMLOListElement インターフェイス
HTMLOListElement インターフェイスは、番号付きのリストが表示できる <ol> エレメントを定義したインターフェイスです。
<ol> <li>ミカン</li> <li>リンゴ</li> <li>バナナ</li> </ol>
HTMLOListElement インターフェイスは、 <ol> エレメントで利用できるプロパティ、メソッド、イベントを定義しています。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLOListElement
- ┆
ページ内 Index
プロパティ(Properties)
HTMLOListElement インターフェイスは 以下の独自のプロパティをもちます。
| プロパティ | 概要 | 分類 |
|---|---|---|
| .reversed | リストの番号を昇順にするか、降順にするかの設定と取得。trueは降順、falseは昇順。Boolean 型 | |
| .start | 開始番号の設定と取得。最初の番号を指定。long 型 | |
| .type | 番号のタイプを設定と取得。 DOMString 型 |
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
メソッド(Methods)
HTMLOListElement インターフェイスは独自のメソッドをもちません。
HTMLOListElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
イベント(Event)
HTMLOListElement にイベントハンドラーを定義する方法には以下があります。
HTMLOListElement.addEventListener( 'click', ()=>{...} )
HTMLOListElement.onclick = function(){...}
<button onclick = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLOListElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。
GlobalEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
DocumentAndElementEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Example
HTMLOListElement オブジェクトの例です。
HTMLOListElement インターフェイスは、番号付きのリストが表示できる <ol> エレメントを定義しています。
<ol> エレメントを取得して、番号だけですが降順／昇順を切り返るスクリプトを実行します。