当前位置:首页 > 专题管理

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属性来做数组个数计算。

links[] 对象集合例子

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

<html>
<body>

<a href="http://localhost/test1.html">测试1</a>
<a href="test2.html">测试2</a>

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

</body>
</html>

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

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

本章节内容共分 13 部分:

  1. JavaScript Document 对象
  2. JavaScript document 对象集合
  3. JavaScript document cookie 属性:设置或查询与当前文档相关的 cookie
  4. JavaScript document domain 属性:得到当前文档的域名
  5. JavaScript document lastModified 属性:得到文档最后被修改的日期和时间
  6. JavaScript document referrer 属性:得到上一页的 URL 地址
  7. JavaScript document title 属性:得到当前文档的标题
  8. JavaScript document URL 属性:得到当前文档的 URL
  9. JavaScript document getElementById() 方法:根据给定的 id 查找文档元素
  10. JavaScript document getElementByName() 方法:根据给定的 name 属性值查找文档元素
  11. JavaScript document getElementByTagName() 方法:根据给定的元素标签 name 查找文档元素
  12. JavaScript document open() 方法:打开一个新文档
  13. JavaScript document close() 方法:关闭一个由 open 方法打开文档