JavaScript document 对象集合

document 对象集合

集合描述说明
all[] 提供对文档中所有 HTML 元素访问的数组 已较少适用
anchors[] 对文档中所有 Anchor 对象引用的数组 无
forms[] 对文档中所有 Form 对象引用的数组 无
images[] 对文档中所有 Image 对象引用的数组 无
links[] 对文档中所有 Area 和 Link 对象引用的数组 无

document 对象集合得到的是一个数组，他们提供了对全体 HTML 元素或特定元素的访问，下面是一些应用的例子。

document 对象集合例子

forms[] 对象集合例子

下面是利用 forms 对象集合统计表单个数的例子：

<html>
<body>

<form name="Form1"></form>
<form name="Form2"></form>
<form name="Form3"></form>

<script type="text/javascript">
document.write("本文档包含 ")
document.write(document.forms.length + " 个表单。")
</script>

</body>
</html>

运行该例子输出：本文档包含 3 个表单。

由于集合返回的是数组，因此可以使用数组的length属性来做数组个数计算，具体可参阅《JavaScript 数组 length 属性获取数组长度》。

links[] 对象集合例子

下面是利用 links 对象集合得到第一个链接地址的例子：

<html>
<body>

<a href="http://www.5idev.com/test1.html">测试1</a>
<a href="test2.html">测试2</a>

<p>第一个链接地址是：
<script type="text/javascript">
document.write(document.links<0>)
</script>
</p>

</body>
</html>

运行该例子打印出的结果是：第一个链接地址是：http://www.5idev.com/test1.html

提示：得到的结果总是完整的 URL 地址。即如果是相对地址，会自动补全为完整地址。

posted @ 2017-01-14 23:18  天涯海角路  阅读(474)  评论(0)    收藏  举报