非常教程

HTML DOM参考手册

DOM 实例

DOM 实例

HTML DOM 实例


使用JavaScript访问和操作的HTML DOM对象的例子。

Document 对象

  • 使用 document.write() 输出文本
  • 使用 document.write() 输出 HTML
  • 返回文档中锚的数目
  • 返回文档中第一个锚的 innerHTML
  • 返回文档中表单的数目
  • 返回文档中第一个表单的名字
  • 返回文档中的图像数
  • 返回文档中第一个图像的ID
  • 返回文档中的链接数
  • 返回文档中的第一个链接的ID
  • 返回文档中的所有cookies的名称/值对
  • 返回加载的文档的服务器域名
  • 返回文档的最后一次修改时间
  • 返回加载的当前文档的URL
  • 返回文档的标题
  • 返回文档的完整的URL
  • 打开输出流,向流中输入文本
  • write() 和 writeln()的不同
  • 用指定的ID弹出一个元素的innerHTML
  • 用指定的Name弹出元素的数量
  • 用指定的tagname弹出元素的数量

  • 更多的Document 对象的例子,在我们的JavaScript  参考手册。

Anchor 对象

  • 返回和设置链接的charset属性
  • 返回和设置链接的href属性
  • 返回和设置链接的hreflang属性
  • 返回一个锚的名字
  • 返回当前的文件和链接的文档之间的关系
  • 改变链接的target属性
  • 返回一个链接的type属性的值

  • 更多的Anchor 对象的例子,在我们的JavaScript  参考手册。

Area 对象

  • 返回图像映射某个区域的替代文字
  • 返回图像映射某个区域的坐标
  • 返回一个区域的href属性的锚部分
  • 返回的主机名:图像映射的某个区域的端口
  • 返回图像映射的某个区域的hostname
  • 返回图像映射的某个区域的port
  • 返回图像映射的某个区域的href
  • 返回图像映射的某个区域的pathname
  • 返回图像映射的某个区域的protocol
  • 返回一个区域的href属性的querystring部分
  • 返回图像映射的某个区域的shape
  • 返回图像映射的某个区域的target的值

  • 更多的Area 对象的例子,在我们的JavaScript 参考手册。

Base 对象

  • 返回页面上所有相对URL的基URL
  • 返回页面上所有相对链接的基链接

  • 更多的Base 对象对象的例子,在我们的JavaScript 参考手册。

Button 对象

  • 当点击完button不可用
  • 返回一个button的name
  • 返回一个button的type
  • 返回一个button的value
  • 返回一个button所属表的ID

  • 更多Button 对象实例在我们的JavaScript 参考手册。

Form 对象

  • 返回一个表单中所有元素的value
  • 返回一个表单acceptCharset属性的值
  • 返回一个表单action属性的值
  • 返回表单中的enctype属性的值
  • 返回一个表单中元素的数量
  • 返回发送表单数据的方法
  • 返回一个表单的name
  • 返回一个表单target属性的值
  • 重置表单
  • 提交表单

  • 更多Button 对象实例在我们的JavaScript 参考手册。

Frame/IFrame 对象

  • 对iframe排版
  • 改变一个包含在iframe中的文档的背景颜色
  • 返回一个iframe中的frameborder属性的值
  • 删除iframe的frameborder
  • 改变iframe的高度和宽度
  • 返回一个iframe中的longdesc属性的值
  • 返回一个iframe中的marginheight属性的值
  • 返回一个iframe中的marginwidth属性的值
  • 返回一个iframe中的name属性的值
  • 返回和设置一个iframe中的scrolling属性的值
  • 改变一个iframe的src

  • 更多Frame/IFrame 对象实例在我们的JavaScript 参考手册。

Image 对象

  • 对image排版
  • 返回image的替代文本
  • 给image加上border
  • 改变image的高度和宽度
  • 设置image的hspace和vspace属性
  • 返回image的longdesc属性的值
  • 创建一个链接指向一个低分辨率的image
  • 返回image的name
  • 改变image的src
  • 返回一个客户端图像映射的usemap的值

  • 更多Image 对象实例在我们的JavaScript 参考手册。

Event 对象

  • 哪个鼠标键被点击了?
  • 被按下的键盘键的keycode?
  • 鼠标的坐标?
  • 鼠标相对于屏幕的坐标?
  • shift键被按下了吗?
  • 哪个元素被按下了?
  • 哪个事件发生了?

Option 和 Select 对象

  • 禁用和启用下拉列表
  • 获得有下拉列表的表单的ID
  • 获得下拉列表的选项数量
  • 将下拉列表变成多行列表
  • 在下拉列表中选择多个选项
  • 弹出下拉列表中所有选项
  • 弹出下拉列表中被选中的选项的索引
  • 改变下拉列表中被选中的选项的文本
  • 删除下拉列表中的选项

Table, TableHeader, TableRow, TableData 对象

  • 改变表格边框的宽度
  • 改变表格的cellpadding和cellspacing
  • 指定表格的frame
  • 为表格指定规则
  • 一个行的innerHTML
  • 一个单元格的innerHTML
  • 为表格创建一个标题
  • 删除表格中的行
  • 添加表格中的行
  • 添加表格行中的单元格
  • 单元格内容水平对齐
  • 单元格内容垂直对齐
  • 对单个单元格的内容水平对齐
  • 对单个单元格的内容垂直对齐
  • 改变单元格的内容
  • 改变单元格横跨的列数(colspan属性)
DOM 实例

HTML DOM目录

1.XML DOM 教程
2.HTML DOM 教程
3.XML DOM – 节点列表和命名节点图
4.XML DOM 节点信息
5.XML DOM 访问节点
6.XML DOM 方法
7.XML DOM 加载函数
8.XML DOM 解析器
9.XML DOM – 节点
10.XML DOM 简介
11.XML DOM – 添加节点
12.XML DOM – 创建节点
13.XML DOM – 替换节点
14.XML DOM – 删除节点
15.XML DOM – 改变节点值
16.XML DOM – 获取节点值
17.XML DOM 浏览器差异
18.XML DOM – 遍历节点树
19.XML DOM – ProcessingInstruction 对象
20.XML DOM – DocumentType 对象
21.XML DOM – DocumentImplementation 对象
22.XML DOM – Document 对象
23.XML DOM – NamedNodeMap 对象
24.XML DOM – NodeList 对象
25.XML DOM – Node 对象
26.XML DOM – 节点类型
27.XML DOM – HttpRequest 对象
28.XML DOM – 克隆节点
29.XML DOM nodeType 属性
30.XML DOM nodeName 属性
31.XML DOM nextSibling 属性
32.XML DOM namespaceURI 属性
33.XML DOM localName 属性
34.XML DOM lastChild 属性
35.XML DOM firstChild 属性
36.XML DOM childNodes 属性
37.XML DOM baseURI 属性
38.XML DOM compareDocumentPosition() 方法
39.XML DOM cloneNode() 方法
40.XML DOM appendChild() 方法
41.XML DOM textContent 属性
42.XML DOM previousSibling 属性
43.XML DOM prefix 属性
44.XML DOM parentNode 属性
45.XML DOM ownerDocument 属性
46.XML DOM nodeValue 属性
47.XML DOM replaceChild() 方法
48.XML DOM removeChild() 方法
49.XML DOM lookupPrefix() 方法
50.XML DOM lookupNamespaceURI() 方法
51.XML DOM isSameNode() 方法
52.XML DOM isEqualNode() 方法
53.XML DOM insertBefore() 方法
54.XML DOM hasChildNodes() 方法
55.XML DOM hasAttributes() 方法
56.XML DOM childNodes 属性
57.XML DOM async 属性
58.XML DOM removeNamedItem() 方法
59.XML DOM item() 方法
60.XML DOM getNamedItem() 方法
61.XML DOM length 属性
62.XML DOM item() 方法
63.XML DOM length 属性
64.XML DOM nodeName 属性
65.XML DOM lastChild 属性
66.XML DOM inputEncoding 属性
67.XML DOM implementation 属性
68.XML DOM firstChild 属性
69.XML DOM documentURI 属性
70.XML DOM documentElement 属性
71.XML DOM doctype 属性
72.XML DOM xmlVersion 属性
73.XML DOM xmlStandalone 属性
74.XML DOM xmlEncoding 属性
75.XML DOM strictErrorChecking 属性
76.XML DOM nodeValue 属性
77.XML DOM nodeType 属性
78.XML DOM getElementsByTagNameNS() 方法
79.XML DOM getElementsByTagName() 方法
80.XML DOM createTextNode() 方法
81.XML DOM createElementNS() 方法
82.XML DOM createElement() 方法
83.XML DOM createComment() 方法
84.XML DOM createCDATASection() 方法
85.XML DOM – HttpRequest 对象
86.XML DOM – Comment 对象
87.XML DOM – CDATASection 对象
88.XML DOM – Text 对象
89.XML DOM – Attr 对象
90.XML DOM – Element 对象
91.XML DOM renameNode() 方法
92.XML DOM 解析器错误
93.XML DOM Parse Error 对象
94.XML DOM attributes 属性
95.XML DOM systemId 属性
96.XML DOM name 属性
97.XML DOM internalSubset 属性
98.XML DOM entities 属性
99.XML DOM ownerDocument 属性
100.XML DOM nodeType 属性