備忘録的プログラミングリファレンス

HTMLOListElement インターフェイス

 HTMLOListElement インターフェイスは、番号付きのリストが表示できるタグエレメント <ol> エレメントを定義したインターフェイスです。

<ol> エレメント
<ol>
	<li>ミカン</li>
	<li>リンゴ</li>
	<li>バナナ</li>
</ol>

 HTMLOListElement インターフェイスは、 <ol> エレメントで利用できるプロパティメソッドイベントを定義しています。

HTMLOListElement 継承図

ページ内 Index

プロパティ(Properties)

 HTMLOListElement インターフェイスは 以下の独自のプロパティをもちます。

プロパティ概要分類
.reversedリストの番号を昇順にするか、降順にするかの設定と取得。trueは降順、falseは昇順。Boolean 型
.start開始番号の設定と取得。最初の番号を指定。long 型
.type番号のタイプを設定と取得。 DOMString 型

 以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

Elementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

メソッド(Methods)

 HTMLOListElement インターフェイスは独自のメソッドをもちません。

 HTMLOListElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLOListElement にイベントハンドラーを定義する方法には以下があります。

HTMLOListElement.addEventListener( 'click', ()=>{...} )
HTMLOListElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLOListElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類

Example

 HTMLOListElement オブジェクトの例です。<ol> エレメントを取得して降順/昇順を切り返るスクリプトを実行します。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が再実行されます。