HTML DOM Ol 对象


HTML DOM Ol对象

HTML DOM Ol对象代表一个有序列表(ordered list)元素。Ol对象是HTML DOM文档中代表有序列表的一部分,可以操作有序列表元素相关的属性、方法和事件。

对象属性

Ol.type

type属性用于读取或设置有序列表的类型。它有以下三种取值:

  • 1:数字
  • A:大写字母
  • a:小写字母

Ol.start

start属性用于读取或设置有序列表首项的序号。

Ol.length

length属性用于获取有序列表的项数。

Ol.compact

compact属性用于读取或设置有序列表的紧凑模式(compact mode)。默认值为false,即非紧凑模式。

对象方法

Ol.item()

使用Ol.item(n)方法,可以获取有序列表中的第n个项(Item)。

var item = document.ol.item(n);

对象事件

有序列表支持以下事件:

onbeforecut

在用户剪切有序列表前,触发该事件。

onbeforecopy

在用户复制有序列表前,触发该事件。

onbeforepaste

在用户粘贴有序列表前,触发该事件。

oncopy

在用户复制有序列表时,触发该事件。

oncut

在用户剪切有序列表时,触发该事件。

onpaste

在用户粘贴有序列表时,触发该事件。

例子

以下是一个例子,展示如何使用Ol对象:

<!DOCTYPE html>
<html>
<head>
  <title>演示 HTML DOM Ol 对象</title>
</head>
<body>

<ol id="myList">
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>

<script>
var myList = document.getElementById("myList");
var secondItem = myList.item(1);
alert(secondItem.innerHTML);
</script>

</body>
</html>

该代码会弹出“第二项”的提示框,因为我们通过Ol.item()方法获取了第二个项,并取得了它的innerHTML属性。