方式一
获取某元素的子元素，有以下方法：
推荐使用：
- 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