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

Node常用的几种节点类型
详细请参考<javascript权威指南>
接口nodeType常量nodeType值备注
ElementNode.ELEMENT_NODE1元素节点
TextNode.TEXT_NODE3文本节点
DocumentNode.DOCUMENT_NODE9document
CommentNode.COMMENT_NODE8注释的文本
DocumentFragmentNode.DOCUMENT_FRAGMENT_NODE11document片断
AttrNode.ATTRIBUTE_NODE2节点属性

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

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值