XMLDocument元素节点、属性节点、文本节点

最新推荐文章于 2022-06-15 08:56:45 发布

weixin_30485799

最新推荐文章于 2022-06-15 08:56:45 发布

阅读量222

点赞数

原文链接：http://www.cnblogs.com/elevenlang/p/3464173.html

版权

每个节点都拥有包含着关于节点某些信息的属性。这些属性是：
nodeName（节点名称）
nodeValue（节点值）
nodeType（节点类型）

nodeType（节点类型）的取值如下：

元素类型	节点类型
元素(ELEMENT_NODE)	1
属性(ATTRIBUTE_NODE)	2
文本(TEXT_NODE)	3
注释(COMMENT_NODE)	8
文档(DOCUMENT_NODE)	9

元素节点
元素节点代码
1. <HTML>
2. <HEAD>
3. <TITLE>空谷悠悠</TITLE>
4. </HEAD>
5. <BODY>
6. <table>
7. <tr>
8. <td id="john" name="myname">John</td>
9. <td>Doe</td>
10. <td id="jack">Jack</td>
11. </tr>
12. </table>
13. <script>
14. var d = document.getElementById("john");
15. alert(d.nodeType)
16. alert(d.nodeName)
17. alert(d.nodeValue)
18. </script>
19. </BODY>
20. </HTML>
分析运行结果，其三个属性的值分别为：

nodeType：ELEMENT_NODE

nodeType值：1

nodeName：元素标记名 //此处为TD

nodeValue：null

2：属性节点

属性节点代码
1. <HTML>
2. <HEAD>
3. <TITLE>空谷悠悠</TITLE>
4. </HEAD>
5. <BODY>
6. <table>
7. <tr>
8. <td id="john" name="myname">John</td>
9. <td>Doe</td>
10. <td id="jack">Jack</td>
11. </tr>
12. </table>
13. <script>
14. var d = document.getElementById("john").getAttributeNode("name");
15. alert(d.nodeType)
16. alert(d.nodeName)
17. alert(d.nodeValue)
18. </script>
19. </BODY>
20. </HTML>
分析运行结果，其三个属性的值分别为：

nodeType：ATTRIBUTE_NODE

nodeType值：2

nodeName：属性名 // name

nodeValue：属性值 //myname

3:文本节点

文本节点代码
1. <HTML>
2. <HEAD>
3. <TITLE>New Document</TITLE>
4. </HEAD>
5. <BODY>
6. <table>
7. <tr>
8. <td id="john" name="myname">John</td>
9. <td>Doe</td>
10. <td id="jack">Jack</td>
11. </tr>
12. </table>
13. <script>
14. var d = document.getElementsByTagName("td")[0].firstChild
15. alert(d.nodeType)
16. alert(d.nodeName)
17. alert(d.nodeValue)
18. </script>
19. </BODY>
20. </HTML>
分析运行结果，其三个属性的值分别为：

nodeType：TEXT_NODE

nodeType值：3

nodeName：#text

nodeValue：文本内容 // John