JS操作HTML节点常用到的方法和节点属性

转自：http://blog.chinaunix.net/uid-11140746-id-2904709.html

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()

 

JS节点操作总结(可以当字典用)收藏

DOMDocument还真不是一般的强大哦！

 

用到了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表示(只读)

 

 

 

方法:

 

 1 appendChild     为当前节点添加一个新的子节点,放在最后的子节点后

 2 cloneNode     返回当前节点的拷贝

 3 createAttribute    创建新的属性

 4 createCDATASection    创建包括给定数据的CDATA段

 5 createComment    创建一个注释节点

 6 createDocumentFragment    创建DocumentFragment对象

 7 createElement    创建一个元素节点

 8 createEntityReference    创建EntityReference对象

 9 createNode     创建给定类型,名字和命名空间的节点

10 createPorcessingInstruction    创建操作指令节点

11 createTextNode    创建包括给定数据的文本节点

12 getElementsByTagName    返回指定名字的元素集合

13 hasChildNodes    返回当前节点是否有子节点

14 insertBefore     在指定节点前插入子节点

15 Load     导入指定位置的XML文档

16 loadXML     导入指定字符串的XML文档

17 removeChild     从子结点列表中删除指定的子节点

18 replaceChild     从子节点列表中替换指定的子节点

19 Save     把XML文件存到指定节点

20 selectNodes     对节点进行指定的匹配,并返回匹配节点列表

21 selectSingleNode    对节点进行指定的匹配,并返回第一个匹配节点

22 transformNode    使用指定的样式表对节点及其后代进行转换

23 transformNodeToObject    使用指定的样式表将节点及其后代转换为对象

 

 

 

节点的绝对引用：

 

 

返回文档的根节点

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