HTMLOListElement: type property

The type property of the HTMLOListElement interface indicates the kind of marker to be used to display ordered list.

It reflects the type attribute of the <ol> element.

Note: The type can be defined in CSS with the list-style-type property. The list-style-type property provides many more values.

Value

A string representing the type.

Its possible values are listed in the attribute marker types section.

Examples

HTML

html

<ol id="order-list">
  <li>Fee</li>
  <li>Fi</li>
  <li>Fo</li>
  <li>Fum</li>
</ol>

JavaScript

const olElement = document.querySelector("#order-list");
// if type is not specified then return empty string
console.log(olElement.type); // Output: ""
olElement.type = "i"; // Using roman numeral type
console.log(olElement.type); // Output: "i"

Result

Specifications

Specification
HTML Standard # dom-ol-type

Browser compatibility

BCD tables only load in the browser