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
js
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