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属性。