children和childNodes 的区别

关注

转载最新推荐文章于 2026-05-21 09:03:21 发布 7k 阅读 AI 写同款· GEO 优化 ›

Spring Boot应用Docker化实战：从Dockerfile编写到镜像推送完整流程本文详细介绍了将Spring Boot应用Docker化的完整实战流程。从环境准备、项目审视，到编写高效且安全的Dockerfile，重点讲解了多阶段构建、镜像层优化、Spring Boot分层JAR等核心技巧，并涵盖了镜像构建、验证、调试以及最终推送至仓库并集成CI/CD的最佳实践，帮助开发者构建生产级Docker镜像。阅读详情

1，childNodes 属性，标准的，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。

有些人错误的使用()去取该集合元素，下表列出各浏览器对childNodes(i)的支持情况：

	IE6/7/8/Safari/Chrome/Opera	IE9/Firefox
childNodes(i)	支持	不支持

有时候需要获取指定元素的第一个HTML子节点（非属性/文本节点），最容易想到的就是firstChild 属性。代码中第一个HTML节点前如果有换行，空格，那么firstChild返回的就不是你想要的了。可以使用nodeType来判断下。

 
        function 
        getFirst(elem){
       
        for
        (
        var 
        i=0,e;e=elem.childNodes[i++];){
       
        if
        (e.nodeType==1)
       
        return 
        e;
       
        }       
       
        }

2，children 属性，非标准的，它返回指定元素的子元素集合。经测试，它只返回HTML节点，甚至不返回文本节点。且在所有浏览器下表现惊人的一致。和childNodes 一样，在Firefox下不支持()取集合元素。因此如果想获取指定元素的第一个HTML节点，可以使用children[0]来替代上面的getFirst函数。需注意children在IE中包含注释节点。

收录于