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

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

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

元素类型

节点类型

元素(ELEMENT_NODE)

1   

属性(ATTRIBUTE_NODE)

2

文本(TEXT_NODE)

3

注释(COMMENT_NODE)

8

文档(DOCUMENT_NODE)

9

  1. 元素节点
    元素节点代码  

    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

createTextNode()有一个问题：它不能创建类似于&euro;（€ 欧元符号）&yen;（¥ 人民币符号） © （&copy; 版权符号）&#8220;（“左双引号）&#8221;（” 右双引号）等，这样的HTML实体元素。它会按字面创建文本，而不是创建你所需要的符号，我们可以使用innerHTML来代替

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2013-12-08 19:50  ps十一郎  阅读(1041)  评论(0)  编辑  收藏  举报