JavaScript 获取节点的子元素 作者：马育民 • 2024-10-18 12:51 • 阅读：10003 # 方式一 获取某元素的子元素，有以下方法： **推荐使用：** - children：获取所有子节点，不会将空格作为文本节点 **不推荐使用：** - childNodes：获取所有子节点，如果 **有空格**，会作为 **文本节点** 获取到 - firstChild：获取首个子节点，如果 **有空格**，会作为 **文本节点** 获取到 - lastChild：获取最后一个子节点，如果 **有空格**，会作为 **文本节点** 获取到 - firstElementChild：获取第一个子元素节点 (不包括文本节点) **注意：**IE6/7/8 中不支持 # 方式二 使用 `querySelector()` 方法，使用 **css选择器**，非常方便灵活： ### 例子 比如获取 `class='test'` 的标签下的第一个子元素，可以这样写： ``` querySelector('.test > * ') ``` 也可以指定子元素的类型： ``` querySelector('.test > span ') ``` 或者是： ``` querySelector('.test > #f_div') ``` 还可以使用 `querySelectorAll` 方法，这样会获取所有满足条件的所有元素 参考： https://www.myfreax.com/javascript-get-child-element/ https://www.cnblogs.com/iszhangk/p/10869009.html https://blog.csdn.net/qq_44731369/article/details/113835443 原文出处：http://malaoshi.top/show_1IX8d1Osktyu.html