简单Dom手册

<meta content="text/html;gb2312" http-equiv="Content-Type"> <script type="text/javascript"> </script><style type="text/css"> <!-- /*控制台表格*/ .consoleTable{ border: 1px solid #999999; border-collapse: collapse; } td{ FONT-SIZE: 9pt; font-family: "宋体", "新宋体"; word-break:break-all; } /*控制台表格头部菜单所在表格*/ .tableHeader { border:0px solid #ffffff; border-bottom:2px solid #6C8FBB; empty-cells:show; background-color:#DCEBFD; /*padding:1px; */ /*border-collapse:collapse;*/ } /*控制台表格头部*/ .tableHead { font-family: "宋体"; font-size: 11pt; text-align: left; white-space:nowrap; line-height:16px; padding:4px 5px 4px 5px; background-color:#D1E3FD; } /*表格头部，可作为页面的标题*/ .tableHead2 { font-size: 11pt; font-family: "宋体"; color:#FFFFFF; text-align: left; white-space:nowrap; line-height:20px; padding:4px 5px 4px 5px; background-color:#44939D; } /*控制台列表头部*/ .tableBodyHead { border:0px solid #ffffff; border-bottom:1px solid #c1cdd8; empty-cells:show; border-collapse:collapse; } /*控制台表格的行，淡灰色背景*/ .tableBody { font-family: "宋体"; font-size: 10pt; text-align:left; white-space:nowrap; line-height: 24px; padding:0px 4px 0px 4px; background-color:#F7F7F7; border-top: 1px solid #c1cdd8; } /*控制台表格的行，白色背景*/ .tableBody2 { font-family: "宋体"; font-size: 10pt; text-align:left; white-space:nowrap; line-height: 24px; padding:0px 4px 0px 4px; background-color:#FFFFFF; border-top: 1px solid #c1cdd8; } .tableBody2 a{ text-decoration: none; } .tableBody2 a:link { COLOR: #000000; } .tableBody2 a:visited { COLOR: #000000; } .tableBody2 a:hover { COLOR: #FF0000; } .tableBody2 a:active { COLOR: #FF0000; } /*鼠标移过当前行时*/ .tableBodyHover{ color: #000000; font-family: "宋体"; font-size: 10pt; text-align:left; line-height: 24px; background-color: #DFF1FF; padding:0px 4px 0px 4px; } /*当前行被选择时*/ .tableBodySelected{ color: #000000; font-family: "宋体"; font-size: 10pt; text-align:left; line-height: 24px; background-color:#DFF1FF;/*#DBDBDB;*/ padding:0px 4px 0px 4px; } /*打开窗口顶部的菜单表格*/ .tableHeaderOpen{ height:25; background-color:#DCEBFD; } --> </style>

Document的常用方法
方法	描述
createAttribute()	用指定的名字创建新的Attr节点
createComment()	用指定的字符串创建新的Comment节点
createElement()	用指定的标记名创建新的Element节点
createTextNode()	用指定的文本创建新的TextNode节点
getElementById()	返回文档中具有指定id属性的Element节点
getElementByTagName	返回文档中具有指定标记的所有Element节点
详细请参考＜javascript权威指南＞

Node常用的几种节点类型
接口	nodeType常量	nodeType值	备注
Element	Node.ELEMENT_NODE	1	元素节点
Text	Node.TEXT_NODE	3	文本节点
Document	Node.DOCUMENT_NODE	9	document
Comment	Node.COMMENT_NODE	8	注释的文本
DocumentFragment	Node.DOCUMENT_FRAGMENT_NODE	11	document片断
Attr	Node.ATTRIBUTE_NODE	2	节点属性
详细请参考＜javascript权威指南＞

Node对象的常用属性
属性	描述
attributes	如果该节点是一个Element,则以NameNodeMap形式返回元素的属性
childNodes	以Node[]形式存放当前节点的子节点,如果没有子节点,则返回空数组
firstChild	以Node的形式返回当前节点的第一个子节点.如果没有子节点,则为null
lastChild	以Node的形式返回节点的最后一个子节点.如果没有子节点,则为null
nextSibling	以Node的形式返回当前节点的下一个兄弟节点,如果没有这样的节点,则为null
nodeName	节点的名字，Element节点则代表Element的标记名称
nodeType	代表节点的类型
parentNode	以Node的形式返回当前节点的父节点。如果没有父节点，则为null
previousSibling	以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点，则返回null
详细请参考＜javascript权威指南＞

Node对象的常用方法
方法	描述
appendChild()	通过把一个节点增加到当前节点的ChildNodes[]组，给文档树增加节点
cloneNode()	复制当前节点，或者复制当前节点以及它的所有子孙节点
hasChildNodes()	如果当前子节点拥有子节点，则将返回true
insertBefore()	给文档树插入一个节点，位置在当前节点的指定子节点之前，如果该节点已经存在，则删除之再插入到它的位置
removeChild()	从文档树中删除并返回指定的子节点
replaceChild()	从文档树删除并返回指定的子节点，用另一个节点替换它
详细请参考＜javascript权威指南＞

Element常用属性
属性	描述
tagName	元素的标记名称，比如<p>元素为P，HTML文档返回的tagName均为大写
详细请参考＜javascript权威指南＞

Element常用的方法
方法	描述
getAttribute()	以字符串形式返回指定属性的值
getAttributeNode()	以Attr节点的形式返回指定属性的值
getElementByTagName()	返回一个Node数组，包含具有指定标记名的所有Element节点的子孙节点，其顺序为在文档中出现的顺序
hasAttribute()	如果该元素中具有指定属性，则返回为true
removeAttribute()	从元素中删除指定的属性
removeAttributeNode()	从元素的属性列表中删除指定的Attr节点
setAttribute()	把指定的属性设置为指定的字符串值，如果该属性不存在，则添加一个新属性
setAttributeNode()	把指定的Attr节点添加到该元素的属性列表中
详细请参考＜javascript权威指南＞