Java Script document对象集合、属性的用法

Document 对象

    1、每个载入浏览器的 HTML 文档都会成为 Document 对象。

    2、Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

    3、Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

Document 对象集合：

【知识拓展】

1、all 集合返回对文档中所有 HTML 元素的引用。语法：

        document.all[i]

        document.all[name] 

        document.all.tags[tagname]

说明：(1)all[] 是一个多功能的类似数组的对象，它提供了对文档中所有 HTML 元素的访问。all[] 数组源自 IE 4 并且已经被很多其他的浏览器所采用。

(2)all[] 已经被 Document 接口的标准的 getElementById() 方法和 getElementsByTagName() 方法以及 Document 对象的 getElementsByName() 方法所取代。所以，尽量不要使用all[]获取HTML元素，而应使用上面的三个方法。

(3)经常使用 all[] 数组，根据它们的 HTML 属性 name 或 id 来访问元素。如果多个元素拥有指定的 name，将得到共享同一名称的元素的一个数组。

注：此处之所以说all[]是因为你以后可能会在别人写的代码中可到：document.all[] 的用法

2、forms 集合： 返回对文档中所有 Form 对象的引用。

语法：document.forms[]

3、images []

    定义和用法:images 集合可返回对文档中所有 Image 对象的引用。

    语法:document.images[]

(三)document对象的属性：

1、title 属性：返回当前文档的标题( HTML title 元素中的文本)。

语法：document.title

结果：

 2、URL 属性：返回当前文档的 URL。

语法：document.URL

说明：一般情况下，该属性的值与包含文档的 Window 的 location.href 属性相同。

示例，最好将该文档放到Apache服务器下运行：

结果：