HTML | DOM childNodes 属性

childNodes 属性将节点的子节点作为nodeList对象返回。空格和注释也被视为节点。节点被分配索引号，从0开始。可以使用节点列表上的索引号进行搜索和排序操作。

句法：

elementNodeReference.childNodes;

返回值：将特定节点的子节点集合作为nodeList对象返回（包括空格、文本和注释，这些都被认为是节点）。

特性：

1. length 属性：它决定了对象的子节点数。它是只读属性。
   句法：

   elementNodeReference.childNodes.length;

   elementNodeReference.childNodes[index_number].length;

   示例 1：显示长度属性。

     
   
       Geeks
       Press
       
     
           Clicking on the 'Press' button will return 
             the length of childNodes[0].
     
       
     
       
           function node() {
               
               // Return the length of child node.
               var c = document.getElementsByTagName(
                 "BUTTON")[0];
               var x = c.childNodes[0].length;
               document.getElementById("gfg").innerHTML = x;
           }
       
     
   
     

   输出：

   在点击按钮之前：
   

   点击按钮后：
   

2. nodeName 属性：它返回指定节点的名称。如果节点是元素节点，则返回标签名称；否则，如果节点是属性节点，则返回属性名称，否则对于不同的节点类型，将返回不同的名称。

   句法：

   elementNodeReference.childNodes[index_number].nodeName;

   示例 2：显示 nodeName 属性

     
   
       Geeks 
         Press
          
     
           Clicking on the 'Press' button will 
             return the node name of childNodes[0].
     
       
     
       
           function node() {
               
               //  Return the name of specific node name.
               var c = document.getElementsByTagName(
                 "BUTTON")[0];
               var x = c.childNodes[0].nodeName;
               document.getElementById("gfg").innerHTML = x;
           }
       
     
   
     

   输出：

   在点击按钮之前：
   

   点击按钮后：
   

3. nodeValue 属性：它设置或返回指定节点的节点值。

   句法：

   elementNodeReference.childNodes[index_number].nodeValue;

   示例 3：显示 nodeValue 属性

     
   
       Geeks 
         Press
          
     
           Clicking on the 'Press' button will 
             return the node value of childNodes[0].
     
       
     
       
           function node() {
               
               
               // Return the node value.
               var c = document.getElementsByTagName("BUTTON")[0];
               var x = c.childNodes[0].nodeValue;
               document.getElementById("gfg").innerHTML = x;
           }
       
     
   
     

   输出：

   在点击按钮之前：
   

   点击按钮后：
   

浏览器支持：列出的浏览器支持DOM childNodes属性：

• 谷歌浏览器
• 火狐
• IE浏览器
• 歌剧
• 苹果浏览器