HTML DOM Document 对象

w3school 在线教程

## JS & DOM 参考手册

- 参考手册目录

## JavaScript 对象

- JS Array
- JS Boolean
- JS Date
- JS Math
- JS Number
- JS String
- JS RegExp
- JS Functions
- JS Events

## Browser 对象

- Window
- Navigator
- Screen
- History
- Location

## HTML DOM 对象

- DOM Document
- DOM Element
- DOM Attribute
- DOM Event

## HTML 对象

- <a>
- <area>
- <audio>
- <base>
- <body>
- <blockquote>
- <button>
- <canvas>
- <col>
- <colgroup>
- <datalist>
- <del>
- <details>
- <dialog>
- <embed>
- <fieldset>
- <form>
- <frame>
- <frameset>
- <iframe>
- <img>
- <ins>
- <input> button
- <input> checkbox
- <input> color
- <input> date
- <input> datetime
- <input> datetime-local
- <input> email
- <input> file
- <input> hidden
- <input> image
- <input> month
- <input> number
- <input> password
- <input> range
- <input> radio
- <input> reset
- <input> search
- <input> submit
- <input> text
- <input> time
- <input> url
- <input> week
- <keygen>
- <label>
- <legend>
- <li>
- <link>
- <map>
- <menu>
- <menuitem>
- <meta>
- <meter>
- <object>
- <ol>
- <optgroup>
- <option>
- <param>
- <progress>
- <q>
- <script>
- <select>
- <source>
- <style>
- <table>
- <td>
- <th>
- <tr>
- <textarea>
- <time>
- <title>
- <track>
- <video>

## 建站手册

- 网站构建
- 万维网联盟 (W3C)
- 浏览器信息
- 网站品质
- 语义网
- 职业规划
- 网站主机

## 关于 W3School

## 帮助 W3School

## 广告刊例

# HTML DOM Document 对象

## Document 对象

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

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

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

## Document 对象集合

集合 | 描述
--- | ---
all[] | 提供对文档中所有 HTML 元素的访问。
anchors[] | 返回对文档中所有 Anchor 对象的引用。
applets | 返回对文档中所有 Applet 对象的引用。
forms[] | 返回对文档中所有 Form 对象引用。
images[] | 返回对文档中所有 Image 对象引用。
links[] | 返回对文档中所有 Area 和 Link 对象引用。

## Document 对象属性

属性 | 描述
--- | ---
body | 提供对 <body> 元素的直接访问。 对于定义了框架集的文档，该属性引用最外层的 <frameset>。
cookie | 设置或返回与当前文档有关的所有 cookie。
domain | 返回当前文档的域名。
lastModified | 返回文档被最后修改的日期和时间。
referrer | 返回载入当前文档的文档的 URL。
title | 返回当前文档的标题。
URL | 返回当前文档的 URL。

## Document 对象方法

方法 | 描述
--- | ---
close() | 关闭用 document.open() 方法打开的输出流，并显示选定的数据。
getElementById() | 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() | 返回带有指定名称的对象集合。
getElementsByTagName() | 返回带有指定标签名的对象集合。
open() | 打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write() | 向文档写 HTML 表达式 或 JavaScript 代码。
writeln() | 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。

## Document 对象描述

HTMLDocument 接口对 DOM Document 接口进行了扩展，定义 HTML 专用的属性和方法。

很多属性和方法都是 HTMLCollection 对象（实际上是可以用数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。

这些集合属性都源自于 0 级 DOM。它们已经被 Document.getElementsByTagName() 所取代，但是仍然常常使用，因为他们很方便。

write() 方法值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。

注意，在 1 级 DOM 中，HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。在 2 级 DOM 中，该方法已经被转移到了 Document 接口，它现在由 HTMLDocument 继承而不是由它定义了。