暂时写到这里，以后继续。
DOM Document
简介：
HTML 文档对象模型（HTML Document Object Model）定义了访问和处理 HTML 文档的标准方法
您应当具备的基础知识
在继续学习之前，您需要对下面的知识有基本的了解：
- HTML / XHTML
- JavaScript
什么是 DOM？
通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。
要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。
在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。
所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了。
DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。
DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）：
- Core DOM
- 定义了一套标准的针对任何结构化文档的对象
- XML DOM
- 定义了一套标准的针对 XML 文档的对象
- HTML DOM
- 定义了一套标准的针对 HTML 文档的对象。
Document 对象
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
HTML DOM getElementById() 方法
定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
语法
document.getElementById(id)
说明
HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。
不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。
在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。
HTML DOM 节点树
文档树（节点树）
请看下面这个HTML文档：
<html>
<head>
<title>DOM Tutorial</title>
</head>
<body>
<h1>DOM Lesson one</h1>
<p>Hello world!</p>
</body>
</html>
上面所有的节点彼此间都存在关系。
除文档节点之外的每个节点都有父节点。举例，<head> 和 <body> 的父节点是 <html> 节点，文本节点 "Hello world!" 的父节点是 <p> 节点。
大部分元素节点都有子节点。比方说，<head> 节点有一个子节点：<title> 节点。<title> 节点也有一个子节点：文本节点 "DOM Tutorial"。
当节点分享同一个父节点时，它们就是同辈（同级节点）。比方说，<h1> 和 <p>是同辈，因为它们的父节点均是 <body> 节点。
节点也可以拥有后代，后代指某个节点的所有子节点，或者这些子节点的子节点，以此类推。比方说，所有的文本节点都是 <html>节点的后代，而第一个文本节点是 <head> 节点的后代。
节点也可以拥有先辈。先辈是某个节点的父节点，或者父节点的父节点，以此类推。比方说，所有的文本节点都可把 <html> 节点作为先辈节点。
一个 HTML DOM 的实例
下面这个例子向我们展示了当一个用户在文档中点击时，HTML 文档的背景颜色如何被改变。
1 <html> 2 3 <head> 4 <script type="text/javascript"> 5 function ChangeColor() 6 { 7 document.body.bgColor="yellow" 8 } 9 </script> 10 </head> 11 12 <body onclick="ChangeColor()"> 13 Click on this document! 14 </body> 15 16 </html>
HTML DOM 对象参考手册
学习更多有关对象及其集合、属性、方法和事件的知识。
| 对象 | 描述 |
|---|---|
| Document | 代表整个 HTML 文档，可被用来访问页面中的所有元素 |
| Anchor | 代表 <a> 元素 |
| Area | 代表图像映射中的 <area> 元素 |
| Base | 代表 <base> 元素 |
| Body | 代表 <body> 元素 |
| Button | 代表 <button> 元素 |
| Event | 代表某个事件的状态 |
| Form | 代表 <form> 元素 |
| Frame | 代表 <frame> 元素 |
| Frameset | 代表 <frameset> 元素 |
| Iframe | 代表 <iframe> 元素 |
| Image | 代表 <img> 元素 |
| Input button | 代表 HTML 表单中的一个按钮 |
| Input checkbox | 代表 HTML 表单中的复选框 |
| Input file | 代表 HTML 表单中的文件上传 |
| Input hidden | 代表 HTML 表单中的隐藏域 |
| Input password | 代表 HTML 表单中的密码域 |
| Input radio | 代表 HTML 表单中的单选按钮 |
| Input reset | 代表 HTML 表单中的重置按钮 |
| Input submit | 代表 HTML 表单中的确认按钮 |
| Input text | 代表 HTML 表单中的文本输入域（文本框） |
| Link | 代表 <link> 元素 |
| Meta | 代表 <meta> 元素 |
| Object | 代表 <Object> 元素 |
| Option | 代表 <option> 元素 |
| Select | 代表 HTML 表单中的选择列表 |
| Style | 代表单独的样式声明 |
| Table | 代表 <table> 元素 |
| TableData | 代表 <td> 元素 |
| TableRow | 代表 <tr> 元素 |
| Textarea | 代表 <textarea> 元素 |
————————————————————————————————————————————————————————————————
DOM Anchor
HTML DOM Anchor 对象
Anchor 对象
Anchor 对象表示 HTML 超链接。
在 HTML 文档中 <a> 标签每出现一次，就会创建 Anchor 对象。
锚可用于创建指向另一个文档的链接（通过 href 属性），或者创建文档内的书签（通过 name 属性）。
您可以通过搜索 Document 对象中的 anchors[] 数组来访问锚，或者使用 document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问一个链接的快捷键。 | 5 | 1 | No | Yes |
| charset | 设置或返回被链接资源的字符集。 | 6 | 1 | 9 | Yes |
| coords | 设置或返回逗号分隔列表，包含了图像映射中链接的坐标。 | 6 | 1 | 9 | Yes |
| href | 设置或返回被链接资源的 URL。 | 5 | 1 | 9 | Yes |
| hreflang | 设置或返回被链接资源的语言代码。 | 6 | 1 | 9 | Yes |
| id | 设置或返回一个链接的 id。 | 4 | 1 | 9 | Yes |
| innerHTML | 设置或返回一个链接的内容。 | 4 | 1 | 9 | No |
| name | 设置或返回一个链接的名称。 | 4 | 1 | 9 | Yes |
| rel | 设置或返回当前文档与目标 URL 之间的关系。 | 5 | 1 | No | Yes |
| rev | 设置或返回目标 URL 与之间当前文档的关系。 | 5 | 1 | No | Yes |
| shape | 设置或返回图像映射中某个链接的形状。 | 6 | 1 | 9 | Yes |
| tabIndex | 设置或返回某个链接的 Tab 键控制次序。 | 6 | 1 | 9 | Yes |
| target | 设置或返回在何处打开链接。 | 5 | 1 | 9 | Yes |
| type | 设置或返回被链接资源的 MIME 类型。 | 6 | 1 | 9 | Yes |
标准属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
| dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
| lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
| title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
Anchor 对象的方法
| 方法 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| blur() | 把焦点从链接上移开。 | 5 | 1 | 9 | Yes |
| focus() | 给链接应用焦点。 | 5 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Area
Area 对象
Area 对象代表图像映射的一个区域（图像映射指的是带有可点击区域的图像）
在 HTML 文档中 <area> 标签每出现一次，就会创建一个 Area 对象。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问某个区域的快捷键。 | 5 | 1 | No | Yes |
| alt | 设置或返回当浏览器无法显示某个区域时的替换文字。 | 5 | 1 | 9 | Yes |
| coords | 设置或返回图像映射中可点击区域的坐标。 | 5 | 1 | 9 | Yes |
| hash | 设置或返回某个区域中 URL 的锚部分。 | 4 | 1 | No | No |
| host | 设置或返回某个区域中 URL 的主机名和端口。 | 4 | 1 | No | No |
| href | 设置或返回图像映射中链接的 URL。 | 4 | 1 | 9 | Yes |
| id | 设置或返回某个区域的 id。 | 4 | 1 | 9 | Yes |
| noHref | 设置或返回某个区域是否应是活动的还是非活动的。 | 5 | 1 | 9 | Yes |
| pathname | 设置或返回某个区域中的 URL 的路径名。 | 4 | 1 | 9 | No |
| protocol | 设置或返回某个区域中的 URL 的协议。 | 4 | 1 | 9 | No |
| search | 设置或返回某个区域中 URL 的查询字符串部分。 | 4 | 1 | 9 | No |
| shape | 设置或返回图像映射中某个区域的形状。 | 5 | 1 | 9 | Yes |
| tabIndex | 设置或返回某个区域的 tab 键控制次序。 | 5 | 1 | 9 | Yes |
| target | 设置或返回在何处打开区域中的 link-URL。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Base
Base 对象
Base 对象代表 HTML 的 base 元素。
在 HTML 文档中 <base> 每出现一次，Base 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Base 对象属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| href | 设置或返回针对页面中所有链接的基准 URL。 | 5 | 1 | 9 | Yes |
| id | 设置或返回 <base> 元素的 id。 | 4 | 1 | 9 | Yes |
| target | 设置或返回针对页面中所有链接的默认目标框架。 | 5 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Body
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
| dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
| id | 设置或返回 body 的 id。 | 5 | 1 | 9 | Yes |
| lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
| title | 设置或返回元素的咨询性的标题。 | 5 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Button
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问某个按钮的快捷键。 | 6 | 1 | 9 | Yes |
| disabled | 设置或返回是否禁用按钮。 | 6 | 1 | 9 | Yes |
| form | 返回对包含按钮的表单的引用。 | 6 | 1 | 9 | Yes |
| id | 设置或返回按钮的 id。 | 6 | 1 | 9 | Yes |
| name | 设置或返回按钮的名称。 | 6 | 1 | 9 | Yes |
| tabIndex | 设置或返回按钮的 Tab 键控制次序。 | 6 | 1 | 9 | Yes |
| type | 返回按钮的表单类型。 | 6 | 1 | 9 | Yes |
| value | 设置或返回显示在按钮上的文本。 | 6 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Canvas
| 方法 | 描述 |
|---|---|
| getContext() | 返回一个用于在画布上绘图的环境。 |
————————————————————————————————————————————————————————————————
DOM Event
事件句柄 (Event Handlers)
HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，可将之插入 HTML 标签以定义事件的行为。
| 属性 | 此事件发生在何时... | IE | F | O | W3C |
|---|---|---|---|---|---|
| onabort | 图像的加载被中断。 | 4 | 1 | 9 | Yes |
| onblur | 元素失去焦点。 | 3 | 1 | 9 | Yes |
| onchange | 域的内容被改变。 | 3 | 1 | 9 | Yes |
| onclick | 当用户点击某个对象时调用的事件句柄。 | 3 | 1 | 9 | Yes |
| ondblclick | 当用户双击某个对象时调用的事件句柄。 | 4 | 1 | 9 | Yes |
| onerror | 在加载文档或图像时发生错误。 | 4 | 1 | 9 | Yes |
| onfocus | 元素获得焦点。 | 3 | 1 | 9 | Yes |
| onkeydown | 某个键盘按键被按下。 | 3 | 1 | No | Yes |
| onkeypress | 某个键盘按键被按下并松开。 | 3 | 1 | 9 | Yes |
| onkeyup | 某个键盘按键被松开。 | 3 | 1 | 9 | Yes |
| onload | 一张页面或一幅图像完成加载。 | 3 | 1 | 9 | Yes |
| onmousedown | 鼠标按钮被按下。 | 4 | 1 | 9 | Yes |
| onmousemove | 鼠标被移动。 | 3 | 1 | 9 | Yes |
| onmouseout | 鼠标从某元素移开。 | 4 | 1 | 9 | Yes |
| onmouseover | 鼠标移到某元素之上。 | 3 | 1 | 9 | Yes |
| onmouseup | 鼠标按键被松开。 | 4 | 1 | 9 | Yes |
| onreset | 重置按钮被点击。 | 4 | 1 | 9 | Yes |
| onresize | 窗口或框架被重新调整大小。 | 4 | 1 | 9 | Yes |
| onselect | 文本被选中。 | 3 | 1 | 9 | Yes |
| onsubmit | 确认按钮被点击。 | 3 | 1 | 9 | Yes |
| onunload | 用户退出页面。 | 3 | 1 | 9 | Yes |
鼠标 / 键盘属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| altKey | 返回当事件被触发时，"ALT" 是否被按下。 | 6 | 1 | 9 | Yes |
| button | 返回当事件被触发时，哪个鼠标按钮被点击。 | 6 | 1 | 9 | Yes |
| clientX | 返回当事件被触发时，鼠标指针的水平坐标。 | 6 | 1 | 9 | Yes |
| clientY | 返回当事件被触发时，鼠标指针的垂直坐标。 | 6 | 1 | 9 | Yes |
| ctrlKey | 返回当事件被触发时，"CTRL" 键是否被按下。 | 6 | 1 | 9 | Yes |
| metaKey | 返回当事件被触发时，"meta" 键是否被按下。 | No | 1 | 9 | Yes |
| relatedTarget | 返回与事件的目标节点相关的节点。 | No | 1 | 9 | Yes |
| screenX | 返回当某个事件被触发时，鼠标指针的水平坐标。 | 6 | 1 | 9 | Yes |
| screenY | 返回当某个事件被触发时，鼠标指针的垂直坐标。 | 6 | 1 | 9 | Yes |
| shiftKey | 返回当事件被触发时，"SHIFT" 键是否被按下。 | 6 | 1 | 9 | Yes |
IE 属性
除了上面的鼠标/事件属性，IE 浏览器还支持下面的属性：
| 属性 | 描述 |
|---|---|
| cancelBubble | 如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。 |
| fromElement | 对于 mouseover 和 mouseout 事件，fromElement 引用移出鼠标的元素。 |
| keyCode | 对于 keypress 事件，该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。 |
| offsetX,offsetY | 发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。 |
| returnValue | 如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle，可以取消发生事件的源元素的默认动作。 |
| srcElement | 对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。 |
| toElement | 对于 mouseover 和 mouseout 事件，该属性引用移入鼠标的元素。 |
| x,y | 事件发生的位置的 x 坐标和 y 坐标，它们相对于用CSS动态定位的最内层包容元素。 |
标准 Event 属性
下面列出了 2 级 DOM 事件标准定义的属性。
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| bubbles | 返回布尔值，指示事件是否是起泡事件类型。 | No | 1 | 9 | Yes |
| cancelable | 返回布尔值，指示事件是否可拥可取消的默认动作。 | No | 1 | 9 | Yes |
| currentTarget | 返回其事件监听器触发该事件的元素。 | No | 1 | 9 | Yes |
| eventPhase | 返回事件传播的当前阶段。 | Yes | |||
| target | 返回触发此事件的元素（事件的目标节点）。 | No | 1 | 9 | Yes |
| timeStamp | 返回事件生成的日期和时间。 | No | 1 | 9 | Yes |
| type | 返回当前 Event 对象表示的事件的名称。 | 6 | 1 | 9 | Yes |
标准 Event 方法
下面列出了 2 级 DOM 事件标准定义的方法。IE 的事件模型不支持这些方法：
| 方法 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| initEvent() | 初始化新创建的 Event 对象的属性。 | No | 1 | 9 | Yes |
| preventDefault() | 通知浏览器不要执行与事件关联的默认动作。 | No | 1 | 9 | Yes |
| stopPropagation() | 不再派发事件。 | No | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Form
Form 对象
Form 对象代表一个 HTML 表单。
在 HTML 文档中 <form> 每出现一次，Form 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Form 对象属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| acceptCharset | 服务器可接受的字符集。 | No | No | No | Yes |
| action | 设置或返回表单的 action 属性。 | 5 | 1 | 9 | Yes |
| enctype | 设置或返回表单用来编码内容的 MIME 类型。 | 6 | 1 | 9 | Yes |
| id | 设置或返回表单的 id。 | 5 | 1 | 9 | Yes |
| length | 返回表单中的元素数目。 | 5 | 1 | 9 | Yes |
| method | 设置或返回将数据发送到服务器的 HTTP 方法。 | 5 | 1 | 9 | Yes |
| name | 设置或返回表单的名称。 | 5 | 1 | 9 | Yes |
| target | 设置或返回表单提交结果的 Frame 或 Window 名。 | 5 | 1 | 9 | Yes |
Form 对象方法
| 方法 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| reset() | 把表单的所有输入元素重置为它们的默认值。 | 5 | 1 | 9 | Yes |
| submit() | 提交表单。 | 5 | 1 | 9 | Yes |
Form 对象事件句柄
| 事件句柄 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| onreset | 在重置表单元素之前调用。 | 5 | 1 | 9 | Yes |
| onsubmit | 在提交表单之前调用。 | 5 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Frame
Frame 对象
Frame 对象代表一个 HTML 框架。
在 HTML 文档中 <frame> 每出现一次，就会创建一个 Frame对象。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Frame 对象的属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| contentDocument | 容纳框架的内容的文档。 | No | 1 | 9 | Yes |
| frameBorder | 设置或返回是否显示框架周围的边框。 | 5 | 1 | 9 | Yes |
| id | 设置或返回框架的 id。 | 4 | 1 | 9 | Yes |
| longDesc | 设置或返回指向包含框架内容描述文档的 URL。 | 6 | 1 | 9 | Yes |
| marginHeight | 设置或返回框架的顶部和底部页空白。 | 5 | 1 | 9 | Yes |
| marginWidth | 设置或返回框架的左边缘和右边缘的空白。 | 5 | 1 | 9 | Yes |
| name | 设置或返回框架的名称。 | 5 | 1 | 9 | Yes |
| noResize | 设置或返回框架是否可调整大小。 | 5 | 1 | 9 | Yes |
| scrolling | 设置或返回框架是否可拥有滚动条。 | No | 1 | No | Yes |
| src | 设置或返回应被加载到框架中的文档的 URL。 | 5 | 1 | 9 | Yes |
DOM Frameset
Frameset 对象
Frameset 对象代表 HTML 框架集。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| cols | 设置或返回框架集中列的数目。 | 5 | 1 | 9 | Yes |
| id | 设置或返回框架集的 id。 | 4 | 1 | 9 | Yes |
| rows | 设置或返回框架集中行的数目。 | 5 | 1 | 9 | Yes |
DOM IFrame
IFrame 对象
IFrame 对象代表一个 HTML 的内联框架。
在 HTML 文档中 <iframe> 每出现一次，一个 IFrame 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| align | 根据周围的文字排列 iframe。 | 6 | 1 | 9 | Yes |
| contentDocument | 容纳框架的内容的文档。 | No | 1 | 9 | Yes |
| frameBorder | 设置或返回是否显示 iframe 周围的边框。 | No | 1 | 9 | Yes |
| height | 设置或返回 iframe 的高度。 | 5 | 1 | 9 | Yes |
| id | 设置或返回 iframe 的 id。 | 4 | 1 | 9 | Yes |
| longDesc | 设置或返回描述 iframe 内容的文档的 URL。 | 6 | 1 | 9 | Yes |
| marginHeight | 设置或返回 iframe 的顶部和底部的页空白。 | 5 | 1 | 9 | Yes |
| marginWidth | 设置或返回 iframe 的左侧和右侧的页空白。 | 5 | 1 | 9 | Yes |
| name | 设置或返回 iframe 的名称。 | 5 | 1 | 9 | Yes |
| scrolling | 设置或返回 iframe 是否可拥有滚动条。 | No | 1 | No | Yes |
| src | 设置或返回应载入 iframe 中的文档的 URL。 | 5 | 1 | 9 | Yes |
| width | 设置或返回 iframe 的宽度。 | 5 | 1 | 9 | Yes |
DOM Image
Image 对象
Image 对象代表嵌入的图像。
<img> 标签每出现一次，一个 Image 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| align | 设置或返回与内联内容的对齐方式。 | 5 | 1 | 9 | Yes |
| alt | 设置或返回无法显示图像时的替代文本。 | 5 | 1 | 9 | Yes |
| border | 设置或返回图像周围的边框。 | 4 | 1 | 9 | Yes |
| complete | 返回浏览器是否已完成对图像的加载。 | 4 | 1 | 9 | No |
| height | 设置或返回图像的高度。 | 4 | 1 | 9 | Yes |
| hspace | 设置或返回图像左侧和右侧的空白。 | 4 | 1 | 9 | Yes |
| id | 设置或返回图像的 id。 | 4 | 1 | 9 | Yes |
| isMap | 返回图像是否是服务器端的图像映射。 | 5 | 1 | 9 | Yes |
| longDesc | 设置或返回指向包含图像描述的文档的 URL。 | 6 | 1 | 9 | Yes |
| lowsrc | 设置或返回指向图像的低分辨率版本的 URL。 | 4 | 1 | 9 | No |
| name | 设置或返回图像的名称。 | 4 | 1 | 9 | Yes |
| src | 设置或返回图像的 URL。 | 4 | 1 | 9 | Yes |
| useMap | 设置或返回客户端图像映射的 usemap 属性的值。 | 5 | 1 | 9 | Yes |
| vspace | 设置或返回图像的顶部和底部的空白。 | 4 | 1 | 9 | Yes |
| width | 设置或返回图像的宽度。 | 4 | 1 | 9 | Yes |
DOM Input Button
Button 对象
Button 对象代表 HTML 文档中的一个按钮。
该元素没有默认的行为，但是必须有一个 onclick 事件句柄以便使用。
在 HTML 文档中 <input type="button"> 标签每出现一次，一个 Button 对象 就会被创建。
您可以通过遍历表单的 elements[] 数组来访问某个按钮，或者通过使用 document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问按钮的快捷键。 | 5 | 1 | 9 | Yes |
| alt | 设置或返回当浏览器无法显示按钮时供显示的替代文本。 | 5 | 1 | 9 | Yes |
| disabled | 设置或返回是否禁用按钮。 | 5 | 1 | 9 | Yes |
| form | 返回对包含该按钮的表单对象的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回按钮的 id。 | 4 | 1 | 9 | Yes |
| name | 设置或返回按钮的名称。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回按钮的 tab 键控制次序。 | 5 | 1 | 9 | Yes |
| type | 返回按钮的表单元素类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回在按钮上显示的文本。 | 4 | 1 | 9 | Yes |
Button 对象的方法
| 方法 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| blur() | 把焦点从元素上移开。 | 4 | 1 | 9 | Yes |
| click() | 在某个按钮上模拟一次鼠标单击。 | 4 | 1 | 9 | Yes |
| focus() | 为某个按钮赋予焦点。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Input Checkbox
Checkbox 对象
Checkbox 对象代表一个 HTML 表单中的 一个选择框。
在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。
您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问 checkbox 的快捷键。 | 4 | 1 | 9 | Yes |
| alt | 设置或返回不支持 checkbox 时显示的替代文本。 | 5 | 1 | 9 | Yes |
| checked | 设置或返回 checkbox 是否应被选中。 | 4 | 1 | 9 | Yes |
| defaultChecked | 返回 checked 属性的默认值。 | 4 | 1 | 9 | Yes |
| disabled | 设置或返回 checkbox 是否应被禁用。 | 4 | 1 | 9 | Yes |
| form | 返回对包含 checkbox 的表单的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回 checkbox 的 id。 | 4 | 1 | 9 | Yes |
| name | 设置或返回 checkbox 的名称。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回 checkbox 的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
| type | 返回 checkbox 的表单元素类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回 checkbox 的 value 属性的值 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Input File
FileUpload 对象的属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accept | 设置或返回指示文件传输的 MIME 类型的列表（逗号分隔）。 | Yes | |||
| accessKey | 设置或返回访问 FileUpload 对象的快捷键。 | 4 | Yes | ||
| alt | 设置或返回不支持 <input type="file"> 时显示的替代文字。 | Yes | |||
| defaultValue | 设置或返回 FileUpload 对象的初始值。 | 4 | 1 | Yes | |
| disabled | 设置或返回是否禁用 FileUpload 对象。 | 4 | Yes | ||
| form | 返回对包含 FileUpload 对象的表单的引用。 | 4 | 1 | Yes | |
| id | 设置或返回 FileUpload 对象的 id。 | 4 | 1 | Yes | |
| name | 设置或返回 FileUpload 对象的名称。 | 4 | 1 | Yes | |
| tabIndex | 设置或返回定义 FileUpload 对象的 tab 键控制次序的索引号。 | 4 | Yes | ||
| type | 返回表单元素的类型。对于 FileUpload ，则是 "file" 。 | 4 | 1 | Yes | |
| value | 返回由用户输入设置的文本后，FileUpload 对象的文件名。 | 4 | 1 | Yes |
————————————————————————————————————————————————————————————————
DOM Input Hidden
Hidden 对象的属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| alt | 设置或返回当不支持隐藏输入域时显示的替代文本。 | 5 | 1 | 9 | Yes |
| form | 返回一个对包含隐藏域的表单的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回隐藏域的 id。 | 4 | 1 | 9 | Yes |
| name | 设置或返回隐藏域的名称。 | 4 | 1 | 9 | Yes |
| type | 返回隐藏输入域的表单类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回隐藏域的 value 属性的值。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Input Password
Password 对象
Password 对象代表 HTML 表单中的密码字段。
HTML 的 <input type="password"> 标签在表单上每出现一次，一个 Password 对象就会被创建。
该文本输入字段供用户输入某些敏感的数据，比如密码等。当用户输入的时候，他的输入是被掩盖的（例如使用星号*），以防止旁边的人从他背后看到输入的内容。不过需要注意的是，当表单提交时，输入是用明文发送的。
与类型为 "text" 的元素类似，当用户改变显示值时，它会触发 onchange 事件句柄。
您可以通过遍历表单的 elements[] array 来访问密码字段，或者通过使用 document.getElementById() 。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问密码字段的快捷键。 | 4 | 1 | 9 | Yes |
| alt | 设置或返回当不支持密码字段时显示的替代文字。 | 5 | 1 | 9 | Yes |
| defaultValue | 设置或返回密码字段的默认值。 | 4 | 1 | 9 | Yes |
| disabled | 设置或返回是否应被禁用密码字段。 | 5 | 1 | 9 | Yes |
| form | 返回对包含此密码字段的表单的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回密码字段的 id。 | 4 | 1 | 9 | Yes |
| maxLength | 设置或返回密码字段中字符的最大数目。 | 4 | 1 | 9 | Yes |
| name | 设置或返回密码字段的名称。 | 4 | 1 | 9 | Yes |
| readOnly | 设置或返回密码字段是否应当是只读的。 | 4 | 1 | 9 | Yes |
| size | 设置或返回密码字段的长度。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回密码字段的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
| type | 返回密码字段的表单元素类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回密码字段的 value 属性的值。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Input Radio
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问单选按钮的快捷键。 | 4 | 1 | 9 | Yes |
| alt | 设置或返回在不支持单选按钮时显示的替代文本。 | 5 | 1 | 9 | Yes |
| checked | 设置或返回单选按钮的状态。 | 4 | 1 | 9 | Yes |
| defaultChecked | 返回单选按钮的默认状态。 | 4 | 1 | 9 | Yes |
| disabled | 设置或返回是否禁用单选按钮。 | 5 | 1 | 9 | Yes |
| form | 返回一个对包含此单选按钮的表单的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回单选按钮的 id。 | 4 | 1 | 9 | Yes |
| name | 设置或返回单选按钮的名称。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回单选按钮的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
| type | 返回单选按钮的表单类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回单选按钮的 value 属性的值。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Input Reset
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accesskey | 设置或返回访问重置按钮的快捷键。 | 4 | 1 | 9 | Yes |
| alt | 设置或返回当浏览器不支持重置按钮时供显示的替代文本。 | 5 | 1 | 9 | Yes |
| disabled | 设置或返回重置按钮是否应被禁用。 | 5 | 1 | 9 | Yes |
| form | 返回一个对包含此重置按钮的表单对象的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回重置按钮的 id。 | 4 | 1 | 9 | Yes |
| name | 设置或返回重置按钮的名称。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回重置按钮的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
| type | 返回重置按钮的表单元素类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回重置按钮上显示的文本。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Input Submit
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问提交按钮的快捷键。 | 4 | 1 | 9 | Yes |
| alt | 设置或返回当浏览器不支持提交按钮时供显示的替代文本。 | 5 | 1 | 9 | Yes |
| disabled | 设置或返回提交按钮是否应被禁用。 | 5 | 1 | 9 | Yes |
| form | 返回一个对包含此提交按钮的表单的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回提交按钮的 id。 | 4 | 1 | 9 | Yes |
| name | 设置或返回提交按钮的名称。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回提交按钮的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
| type | 返回提交按钮的表单元素类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回在提交按钮上显示的文本。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Input Text
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问文本域的快捷键。 | 4 | 1 | 9 | Yes |
| alt | 设置或返回当浏览器不支持文本域时供显示的替代文本。 | 5 | 1 | 9 | Yes |
| defaultValue | 设置或返回文本域的默认值。 | 4 | 1 | 9 | Yes |
| disabled | 设置或返回文本域是否应被禁用。 | 5 | 1 | 9 | Yes |
| form | 返回一个对包含文本域的表单对象的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回文本域的 id。 | 4 | 1 | 9 | Yes |
| maxLength | 设置或返回文本域中的最大字符数。 | 4 | 1 | 9 | Yes |
| name | 设置或返回文本域的名称。 | 4 | 1 | 9 | Yes |
| readOnly | 设置或返回文本域是否应是只读的。 | 4 | 1 | 9 | Yes |
| size | 设置或返回文本域的尺寸。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回文本域的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
| type | 返回文本域的表单元素类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回文本域的 value 属性的值。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Link
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| charset | 设置或返回目标 URL 的字符编码。 | 4 | 1 | 9 | Yes |
| disabled | 设置或返回目标 URL 是否当被禁用。 | 4 | 1 | 9 | Yes |
| href | 设置或返回被链接资源的 URL。 | 4 | 1 | 9 | Yes |
| hreflang | 设置或返回目标 URL 的基准语言。 | 4 | 1 | 9 | Yes |
| id | 设置或返回某个 <link> 元素的 id。 | 4 | 1 | 9 | Yes |
| media | 设置或返回文档显示的设备类型。 | 6 | 1 | 9 | Yes |
| name | 设置或返回 <link> 元素的名称。 | 4 | No | No | Yes |
| rel | 设置或返回当前文档与目标 URL之间的关系。 | 4 | 1 | 9 | Yes |
| rev | 设置或返回目标 URL 与当前文档之间的关系。 | 4 | 1 | 9 | Yes |
| type | 设置或返回目标 URL 的 MIME 类型。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Meta
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| content | 设置或返回 <meta> 元素的 content 属性的值。 | 5 | 1 | 9 | Yes |
| httpEquiv | 把 content 属性连接到一个 HTTP 头部。 | 5 | 1 | 9 | Yes |
| name | 把 content 属性连接到某个名称。 | 5 | 1 | 9 | Yes |
| scheme | 设置或返回用于解释 content 属性的值的格式。 | 6 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Object
| 属性 | 描述 | W3C |
|---|---|---|
| align | 设置或返回对象相对于周围文本的对齐方式。 | Yes |
| archive | 设置或返回一个字符串，用于实现对象的存档功能。 | Yes |
| border | 设置或返回围绕对象的边框。 | Yes |
| code | 设置或返回文件的 URL，该文件包含已编译的 Java 类。 | Yes |
| codeBase | 设置或返回组件的 URL。 | Yes |
| codeType | Yes | |
| data | Yes | |
| declare | Yes | |
| form | 返回对对象的父表单的引用。 | Yes |
| height | 设置或返回对象的高度。 | Yes |
| hspace | 设置或返回对象的水平外边距。 | Yes |
| name | 设置或返回对象的名称。 | Yes |
| standby | 设置或返回在加载对象时返回的消息。 | Yes |
| type | 设置或返回通过 data 属性下载的数据的内容类型。 | Yes |
| useMap | Yes | |
| vspace | 设置或返回对象的垂直外边距。 | Yes |
| width | 设置或返回对象的宽度。 | Yes |
————————————————————————————————————————————————————————————————
DOM Option
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| defaultSelected | 返回 selected 属性的默认值。 | 4 | 1 | 9 | Yes |
| disabled | 设置或返回选项是否应被禁用。 | 4 | 1 | 9 | Yes |
| form | 返回对包含该元素的 <form> 元素的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回选项的 id。 | 4 | 1 | 9 | Yes |
| index | 返回下拉列表中某个选项的索引位置。 | 4 | 1 | 9 | Yes |
| label | 设置或返回选项的标记 （仅用于选项组）。 | 6 | Yes | ||
| selected | 设置或返回 selected 属性的值。 | 4 | 1 | 9 | Yes |
| text | 设置或返回某个选项的纯文本值。 | 4 | 1 | 9 | Yes |
| value | 设置或返回被送往服务器的值。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Select
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| disabled | 设置或返回是否应禁用下拉列表。 | 5 | 1 | 9 | Yes |
| form | 返回对包含下拉列表的表单的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回下拉列表的 id。 | 4 | 1 | 9 | Yes |
| length | 返回下拉列表中的选项数目。 | 4 | 1 | 9 | Yes |
| multiple | 设置或返回是否选择多个项目。 | 4 | 1 | 9 | Yes |
| name | 设置或返回下拉列表的名称。 | 4 | 1 | 9 | Yes |
| selectedIndex | 设置或返回下拉列表中被选项目的索引号。 | 4 | 1 | 9 | Yes |
| size | 设置或返回下拉列表中的可见行数。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回下拉列表的 tab 键控制次序。 | 5 | 1 | 9 | Yes |
| type | 返回下拉列表的表单类型。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Style
Background
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| background | 在一行中设置所有的背景属性 | 4 | 1 | 9 | Yes |
| backgroundAttachment | 设置背景图像是否固定或随页面滚动 | 4 | 1 | 9 | Yes |
| backgroundColor | 设置元素的背景颜色 | 4 | 1 | 9 | Yes |
| backgroundImage | 设置元素的背景图像 | 4 | 1 | 9 | Yes |
| backgroundPosition | 设置背景图像的起始位置 | 4 | No | No | Yes |
| backgroundPositionX | 设置backgroundPosition属性的X坐标 | 4 | No | No | No |
| backgroundPositionY | 设置backgroundPosition属性的Y坐标 | 4 | No | No | No |
| backgroundRepeat | 设置是否及如何重复背景图像 | 4 | 1 | 9 | Yes |
Border 和 Margin 属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| border | 在一行设置四个边框的所有属性 | 4 | 1 | 9 | Yes |
| borderBottom | 在一行设置底边框的所有属性 | 4 | 1 | 9 | Yes |
| borderBottomColor | 设置底边框的颜色 | 4 | 1 | 9 | Yes |
| borderBottomStyle | 设置底边框的样式 | 4 | 1 | 9 | Yes |
| borderBottomWidth | 设置底边框的宽度 | 4 | 1 | 9 | Yes |
| borderColor | 设置所有四个边框的颜色 (可设置四种颜色) | 4 | 1 | 9 | Yes |
| borderLeft | 在一行设置左边框的所有属性 | 4 | 1 | 9 | Yes |
| borderLeftColor | 设置左边框的颜色 | 4 | 1 | 9 | Yes |
| borderLeftStyle | 设置左边框的样式 | 4 | 1 | 9 | Yes |
| borderLeftWidth | 设置左边框的宽度 | 4 | 1 | 9 | Yes |
| borderRight | 在一行设置右边框的所有属性 | 4 | 1 | 9 | Yes |
| borderRightColor | 设置右边框的颜色 | 4 | 1 | 9 | Yes |
| borderRightStyle | 设置右边框的样式 | 4 | 1 | 9 | Yes |
| borderRightWidth | 设置右边框的宽度 | 4 | 1 | 9 | Yes |
| borderStyle | 设置所有四个边框的样式 (可设置四种样式) | 4 | 1 | 9 | Yes |
| borderTop | 在一行设置顶边框的所有属性 | 4 | 1 | 9 | Yes |
| borderTopColor | 设置顶边框的颜色 | 4 | 1 | 9 | Yes |
| borderTopStyle | 设置顶边框的样式 | 4 | 1 | 9 | Yes |
| borderTopWidth | 设置顶边框的宽度 | 4 | 1 | 9 | Yes |
| borderWidth | 设置所有四条边框的宽度 (可设置四种宽度) | 4 | 1 | 9 | Yes |
| margin | 设置元素的边距 (可设置四个值) | 4 | 1 | 9 | Yes |
| marginBottom | 设置元素的底边距 | 4 | 1 | 9 | Yes |
| marginLeft | 设置元素的左边距 | 4 | 1 | 9 | Yes |
| marginRight | 设置元素的右边据 | 4 | 1 | 9 | Yes |
| marginTop | 设置元素的顶边距 | 4 | 1 | 9 | Yes |
| outline | 在一行设置所有的outline属性 | 5M | 1 | 9 | Yes |
| outlineColor | 设置围绕元素的轮廓颜色 | 5M | 1 | 9 | Yes |
| outlineStyle | 设置围绕元素的轮廓样式 | 5M | 1 | 9 | Yes |
| outlineWidth | 设置围绕元素的轮廓宽度 | 5M | 1 | 9 | Yes |
| padding | 设置元素的填充 (可设置四个值) | 4 | 1 | 9 | Yes |
| paddingBottom | 设置元素的下填充 | 4 | 1 | 9 | Yes |
| paddingLeft | 设置元素的左填充 | 4 | 1 | 9 | Yes |
| paddingRight | 设置元素的右填充 | 4 | 1 | 9 | Yes |
| paddingTop | 设置元素的顶填充 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Table
| 方法 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| createCaption() | 为表格创建一个 caption 元素。 | 4 | 1 | 9 | Yes |
| createTFoot() | 在表格中创建一个空的 tFoot 元素。 | 4 | 1 | 9 | Yes |
| createTHead() | 在表格中创建一个空的 tHead 元素。 | 4 | 1 | 9 | Yes |
| deleteCaption() | 从表格删除 caption 元素以及其内容。 | 4 | 1 | 9 | Yes |
| deleteRow() | 从表格删除一行。 | 4 | 1 | 9 | Yes |
| deleteTFoot() | 从表格删除 tFoot 元素及其内容。 | 4 | 1 | 9 | Yes |
| deleteTHead() | 从表格删除 tHead 元素及其内容。 | 4 | 1 | 9 | Yes |
| insertRow() | 在表格中插入一个新行。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM TableCell
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| abbr | 设置或返回单元格中内容的缩写版本。 | 6 | 1 | 9 | Yes |
| align | 设置或返回单元格内部数据的水平排列方式。 | 4 | 1 | 9 | Yes |
| axis | 设置或返回相关单元格的一个逗号分隔的列表。 | 6 | 1 | 9 | Yes |
| cellIndex | 返回单元格在某行的单元格集合中的位置。 | 4 | 1 | 9 | Yes |
| ch | 设置或返回单元格的对齐字符。 | Yes | |||
| chOff | 设置或返回单元格的对齐字符的偏移量。 | Yes | |||
| colSpan | 单元格横跨的列数。 | 4 | 1 | 9 | Yes |
| headers | 设置或返回 header-cell 的 id 值。 | Yes | |||
| id | 设置或返回单元格的 id。 | 4 | 1 | 9 | Yes |
| innerHTML | 设置或返回单元格的开始标签和结束标签之间的 HTML。 | 4 | 1 | 9 | No |
| rowSpan | 设置或返回单元格可横跨的行数。 | 4 | 1 | 9 | Yes |
| scope | 设置或返回此单元格是否可提供标签信息。 | Yes | |||
| vAlign | 设置或返回表格单元格内数据的垂直排列方式。 | 4 | 1 | 9 | Yes |
| width | 设置或返回单元格的宽度。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM TableRow
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| align | 设置或返回在行中数据的水平排列。 | 4 | 1 | 9 | Yes |
| ch | 设置或返回在行中单元格的对齐字符。 | Yes | |||
| chOff | 设置或返回在行中单元格的对齐字符的偏移量。 | Yes | |||
| id | 设置或返回行的 id。 | 4 | 1 | 9 | Yes |
| innerHTML | 设置或返回行的开始标签和结束标签之间的 HTML。 | 5 | 1 | 9 | No |
| rowIndex | 返回该行在表中的位置。 | 4 | 1 | 9 | Yes |
| sectionRowIndex | 返回在 tBody 、tHead 或 tFoot 中，行的位置。 | Yes | |||
| vAlign | 设置或返回在行中的数据的垂直排列方式。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
DOM Textarea
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| accessKey | 设置或返回访问 textarea 的键盘快捷键。 | 4 | 1 | 9 | Yes |
| cols | 设置或返回 textarea 的宽度。 | 4 | 1 | 9 | Yes |
| defaultValue | 设置或返回文本框中的初始内容。 | 4 | 1 | 9 | Yes |
| disabled | 设置或返回 textarea 是否应当被禁用。 | 5 | 1 | 9 | Yes |
| form | 返回对包含该 textarea 的表单对象的引用。 | 4 | 1 | 9 | Yes |
| id | 设置或返回某个 textarea 的 id。 | 4 | 1 | 9 | Yes |
| name | 设置或返回 textarea 的名称。 | 4 | 1 | 9 | Yes |
| readOnly | 设置或返回 textarea 是否应当是只读的。 | 4 | 1 | 9 | Yes |
| rows | 设置或返回 textarea 的高度。 | 4 | 1 | 9 | Yes |
| tabIndex | 设置或返回 textarea 的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
| type | 返回该文本框的表单类型。 | 4 | 1 | 9 | Yes |
| value | 设置或返回在 textarea 中的文本。 | 4 | 1 | 9 | Yes |
————————————————————————————————————————————————————————————————
现在您已经学习了 HTML DOM，下一步呢？
下一步，您应当学习 ASP。
HTML 文件中的脚本是在客户端（浏览器中）执行的，而 ASP 文件中的脚本是在服务器上执行的。
通过 ASP，你可以动态地编辑、改变、添加网页的任何内容，对从 HTML 表单提交的信息作出响应，访问任何数据或者数据库并把结果返回浏览器，为不同的用户定制网页，使页面的可用性更强。
由于 ASP 文件所返回的内容是纯粹的 HTML，因此它们可显示于任何浏览器中。