JS 操作节点.doc

JS节点方法
(2010-09-10 14:13:50)
转载▼
标签：
杂谈
分类： JS
属性:
1. Attributes          存储节点的属性列表(只读)
2. childNodes          存储节点的子节点列表(只读)
3. dataType            返回此节点的数据类型
4. Definition          以DTD或XML模式给出的节点的定义(只读)
5. Doctype             指定文档类型节点(只读)
6. documentElement     返回文档的根元素(可读写)
7. firstChild          返回当前节点的第一个子节点(只读)
8. Implementation      返回XMLDOMImplementation对象
9. lastChild           返回当前节点最后一个子节点(只读)
10. nextSibling         返回当前节点的下一个兄弟节点(只读)
11. nodeName            返回节点的名字(只读)
12. nodeType            返回节点的类型(只读)
13. nodeTypedValue      存储节点值(可读写)
14. nodeValue           返回节点的文本(可读写)
15. ownerDocument       返回包含此节点的根文档(只读)
16. parentNode          返回父节点(只读)
17. Parsed              返回此节点及其子节点是否已经被解析(只读)
18. Prefix              返回名称空间前缀(只读)
19. preserveWhiteSpace  指定是否保留空白(可读写)
20. previousSibling     返回此节点的前一个兄弟节点(只读)
21. Text                返回此节点及其后代的文本内容(可读写)
22. url                 返回最近载入的XML文档的URL(只读)
23. Xml                 返回节点及其后代的XML表示(只读)

方法:
·  appendChild                     为当前节点添加一个新的子节点,放在最后的子节点后
·  cloneNode                       返回当前节点的拷贝
·  createAttribute                 创建新的属性
·  createCDATASection              创建包括给定数据的CDATA段
·  createComment                   创建一个注释节点
·  createDocumentFragment          创建DocumentFragment对象
·  createElement_x                   创建一个元素节点
·  createEntityReference           创建EntityReference对象
·  createNode                      创建给定类型,名字和命名空间的节点
·  createPorcessingInstruction     创建操作指令节点
·  createTextNode                  创建包括给定数据的文本节点
·  getElementsByTagName            返回指定名字的元素集合
·  hasChildNodes                   返回当前节点是否有子节点
·  insertBefore                    在指定节点前插入子节点
·  load                            导入指定位置的XML文档
·  loadXML                         导入指定字符串的XML文档
·  removeChild                     从子结点列表中删除指定的子节点
·  replaceChild                    从子节点列表中替换指定的子节点
·  save                            把XML文件存到指定节点
·  selectNodes                     对节点进行指定的匹配,并返回匹配节点列表
·  selectSingleNode                对节点进行指定的匹配,并返回第一个匹配节点
·  transformNode                   使用指定的样式表对节点及其后代进行转换
·  transformNodeToObject           使用指定的样式表将节点及其后代转换为对象

Javascript脚本就用了各个节点对象的一整套方法和属性去描述另外的节点对象。

节点的绝对引用：
·    document.documentElement       返回文档的根节点
·    document.activeElement          返回当前文档中被击活的标签节点
·    event.fromElement               返回鼠标移出的源节点
·    event.toElement                 返回鼠标移入的源节点
·    event.srcElement                 返回激活事件的源节点

节点的相对引用：(设当前对节点为node)
返回父节点
node.parentNode
node.parentElement
返回子节点集合（包含文本节点及标签节点）
node.childNodes
返回子标签节点集合
node.children
返回子文本节点集合
node.textNodes
返回第一个子节点
node.firstChild
返回最后一个子节点
node.lastChild
返回同属下一个节点
node.nextSibling
返回同属上一个节点
node.previousSibling

节点的各种操作：(设当前的节点为node)

新增标签节点句柄：
document.createElement_x(sNode) //参数为要新添的节点标签名，例：newnode=document.createElement_x("div");

添加节点：
追加子节点：
node.appendChild(oNode) //oNode为生新增的节点句柄,例：node.appendChild(newnode)
应用标签节点
node.applyElment(oNode,sWhere)//oNode为生新增的节点句柄,sWhere有两个值：outside / inside，加在当前节点外面还是里面
插入节点
inode.insertBefore()
node.insertAdjacentElement()
node.replaceAdjacentText()

修改节点：

删除节点
node.remove()
node.removeChild()
node.removeNode()

替换节点
node.replaceChild()
node.replaceNode()
node.swapNode()

复制节点：
返回复制复制节点引用
node.cloneNode(bAll)//bAll为布尔值，true / false 是否克隆该节点所有子节点

节点信息
是否包含某节点
node.contains()
是否有子节点
node.hasChildNodes()