原生的JavaScript虽然是可以获取子节点但是却又一些小坑。有些小伙伴用原生JS无法获取子节喘揲塾疖点可能就是遇到这个坑。今天小编我就来给大家分享一下用js获取子节点子元素的经验哦。
工具/原料
电脑
Hbuilder
方法/步骤
1、如图,一般的HTML代码结构都是这样格式倦虺赳式化好的。接下来便是从这个格式化好的HTML页面结构中获取子节点。
2、可以定位到父元素然后通过childNodes来获取到所有的子元素子节点。
3、接着在控制台就会看到获取到的子元素居然是5个。
4、这是因为js元素获取子节点时会把换行空白等算入子元素之中哦。
5、而真正的子元素是拥有文本内容的哦。
6、所以这时候就必须把HTML页面结构改写成这样才可以获取到准确的子元素哦。