JavaScript中的children和childNodes有什么区别？

• 子节点：
  childNodes 属性是 JavaScript 中 Node 的一个属性，用于返回子节点的 Nodelist。节点列表项是对象，而不是字符串，可以使用索引号访问它们。第一个 childNode 从索引0开始。

  句法

  element.childNodes

• 孩子们
  children 是 element 的一个属性，它将元素的子元素作为对象返回。

  句法

  element.children

children和childNodes属性之间的主要区别在于，children 在元素上工作，而 childNodes 在节点上工作，包括非元素节点，如文本和评论节点。

示例 1：此示例说明了 childNodes 的属性。

  

    
        p {
            color: green;
        }
    

    GeeksforGeeks
    childNodes
    
        Try it
    
  
    
  
    
        function childNode() {
            //accessing all the child nodes present in our code
            var childNode = 
                document.body.childNodes;
            var string = "";
            var i;
          
            for (i = 0; i < childNode.length; i++) {
                string = string + childNode[i].nodeName + "<br>";
            }
  
            //appending the child nodes to paragraph with id "geek"
            document.getElementById(
            "geek").innerHTML = string;
        }
    


  

输出：
前：

后：

例2：这个例子说明了children的属性。

  

    
        p {
            color: green;
        }
    

    GeeksforGeeks
    children
      
    
      Try it
  
  
    
  
    
        function myChildren() {
            var c = document.body.children;
            var string = "";
            var i;
            for (i = 0; i < c.length; i++) {
                string = string + c[i].tagName + "<br>";
            }
  
            document.getElementById(
              "geek").innerHTML = string;
        }
    


  

输出：
前：

后：

支持的浏览器：

1. 谷歌浏览器
2. 火狐浏览器
3. 苹果浏览器
4. 歌剧
5. Internet Explorer/边缘