ol标签type属性用法详解

ol 标签的 type 属性用于设置或读取有序列表所采用的编号格式，共支持五种基本样式：小写英文字母（a）、大写英文字母（A）、小写罗马数字（i）、大写罗马数字（I）以及阿拉伯数字（1）。

1、新建一个名为 ol_type 的 HTML 文件。

2、构建一个有序列表，为其指定 id="my_ol_id_type"，并设置 type="i"，以启用小写罗马数字作为序号。

3、插入一个按钮元素，在其 onclick 事件中调用自定义函数 my_ol_type()。

4、添加一个 <p> 标签，并将其 id 设为 show_ol_type。

5、在 <script> 标签内声明一个名为 my_ol_type 的 JavaScript 函数。

6、在该函数中，通过 document.getElementById() 获取 ol 元素对象，访问其 type 属性获取当前编号类型，并将该值写入 id="show_ol_type" 的段落中进行显示。

7、在浏览器中打开 ol_type.html 文件，点击按钮即可看到 ol 标签当前 type 属性值的输出结果。