---
title: HTMLOListElement
slug: Web/API/HTMLOListElement
tags:
  - API
  - HTML DOM
  - Interface
  - Reference
translation_of: Web/API/HTMLOListElement
---
<div>
<div>{{ APIRef("HTML DOM") }}</div>
</div>

<p><strong><code>HTMLOListElement</code></strong> インターフェイスは  インターフェイスは、 (<a href="/ja/docs/Web/API/HTMLElement"><code>HTMLElement</code></a> から継承したものより詳細に) <a href="/ja/docs/Web/HTML/Element/ol" title="HTML の &lt;button> 要素はクリックできるボタンを表し、フォームや、文書で単純なボタン機能が必要なあらゆる場所で使用することができます。"><code>&lt;ol&gt;</code></a> 要素を操作するためのプロパティやメソッドを提供します。</p>

<p>{{InheritanceDiagram(600, 120)}}</p>

<h2 id="Properties">Properties</h2>

<p><em>親である <a href="/ja/docs/Web/API/HTMLElement"><code>HTMLElement</code></a> からプロパティを継承しています。</em></p>

<dl>
 <dt>{{domxref("HTMLOListElement.reversed")}}</dt>
 <dd>{{domxref("Boolean")}} で、{{htmlattrxref("reversed", "ol")}} を反映します。番号が降順の場合は<code>true</code>で、昇順の場合は<code>falseです。</code></dd>
 <dt>{{domxref("HTMLOListElement.start")}}</dt>
 <dd>Is a <code>long</code> value reflecting the {{htmlattrxref("start", "ol")}} and defining the value of the first number of the first element of the list.</dd>
 <dt>{{domxref("HTMLOListElement.type")}}</dt>
 <dd>Is a {{domxref("DOMString")}} value reflecting the {{htmlattrxref("type", "ol")}} and defining the kind of marker to be used to display. It can have the following values:
 <ul>
  <li><code>'1'</code> meaning that decimal numbers are used: <code>1</code>, <code>2</code>, <code>3</code>, <code>4</code>, <code>5</code>, …</li>
  <li><code>'a'</code> meaning that the lowercase latin alphabet is used:  <code>a</code>, <code>b</code>, <code>c</code>, <code>d</code>, <code>e</code>, …</li>
  <li><code>'A'</code> meaning that the uppercase latin alphabet is used: <code>A</code>, <code>B</code>, <code>C</code>, <code>D</code>, <code>E</code>, …</li>
  <li><code>'i'</code> meaning that the lowercase latin numerals are used: <code>i</code>, <code>ii</code>, <code>iii</code>, <code>iv</code>, <code>v</code>, …</li>
  <li><code>'I'</code> meaning that the uppercase latin numerals are used: <code>I</code>, <code>II</code>, <code>III</code>, <code>IV</code>, <code>V</code>, …</li>
 </ul>
 </dd>
 <dt>{{domxref("HTMLOListElement.compact")}} {{obsolete_inline}}</dt>
 <dd>Is a {{domxref("Boolean")}} indicating that spacing between list items should be reduced. This property reflects the {{htmlattrxref("compact", "ol")}} attribute only, it doesn't consider the {{cssxref("line-height")}} CSS property used for that behavior in modern pages.</dd>
</dl>

<h2 id="Methods">Methods</h2>

<p><em>固有のメソッドはありません。親である{{domxref("HTMLElement")}}からメソッドを継承しています。</em></p>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "#htmlolistelement", "HTMLOListElement")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', "grouping-content.html#the-ol-element", "HTMLOListElement")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td><code>reversed</code> プロパティが追加された。</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 HTML', 'html.html#ID-58056027', 'HTMLOListElement')}}</td>
   <td>{{Spec2('DOM2 HTML')}}</td>
   <td>{{SpecName("DOM1")}}から変更なし。</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM1', 'level-one-html.html#ID-58056027', 'HTMLOListElement')}}</td>
   <td>{{Spec2('DOM1')}}</td>
   <td>初回定義。</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>



<p>{{Compat("api.HTMLOListElement")}}</p>

<h2 id="See_also">See also</h2>

<ul>
 <li>このインターフェイスを実装している HTML 要素: {{ HTMLElement("ol") }}</li>
</ul>