JavaScript 获取子标签
JavaScript 是一种广泛应用于网页开发的脚本语言，具有强大的操作 DOM 元素的能力。在网页开发中，我们经常需要获取某个元素的子标签，以便进一步操作或处理。本文将介绍如何使用 JavaScript 获取子标签的方法。
方法一：使用 querySelectorAll
querySelectorAll 是 JavaScript 中常用的一个 DOM 方法，可以通过选择器获取匹配的元素集合。在这里，我们可以使用 querySelectorAll 来获取某个元素的子标签。
代码示例：
const parentElement = document.querySelector('.parent');
const childElements = parentElement.querySelectorAll('.child');
以上代码中，我们首先使用 querySelector 获取到父元素 parentElement，然后使用 querySelectorAll 获取到该父元素下所有匹配 .child 选择器的子元素集合，存储在 childElements 变量中。
方法二：使用 children 属性
在 JavaScript 中，DOM 元素对象提供了一个 children 属性，该属性返回一个包含当前元素的所有直接子元素的 HTMLCollection 对象。
代码示例：
const parentElement = document.querySelector('.parent');
const childElements = parentElement.children;
以上代码中，我们同样首先使用 querySelector 获取到父元素 parentElement，然后直接使用 children 属性获取到该父元素的所有直接子元素集合，存储在 childElements 变量中。
方法三：使用 childNodes 属性
childNodes 属性返回一个包含当前元素的所有子节点的 NodeList 对象。注意，这里的子节点不仅仅是元素节点，也包括文本节点、注释节点等等。
代码示例：
const parentElement = document.querySelector('.parent');
const childNodes = parentElement.childNodes;
// 过滤出元素节点
const childElements = Array.from(childNodes).filter(node => node.nodeType === 1);
以上代码中，我们同样首先使用 querySelector 获取到父元素 parentElement，然后使用 childNodes 属性获取到该父元素的所有子节点集合。如果我们只想要元素节点，可以通过 filter 方法对 childNodes 进行过滤，只保留 nodeType 为 1 的节点，即元素节点。
方法四：使用 firstElementChild 和 lastElementChild
在 JavaScript 中，DOM 元素对象还提供了 firstElementChild 和 lastElementChild 属性，分别返回当前元素的第一个子元素和最后一个子元素。
代码示例：
const parentElement = document.querySelector('.parent');
const firstChildElement = parentElement.firstElementChild;
const lastChildElement = parentElement.lastElementChild;
以上代码中，我们同样首先使用 querySelector 获取到父元素 parentElement，然后分别使用 firstElementChild 和 lastElementChild 获取到该父元素的第一个和最后一个子元素。
总结
本文介绍了四种常用的 JavaScript 获取子标签的方法，分别是 querySelectorAll、children、childNodes、firstElementChild 和 lastElementChild。这些方法都可以帮助我们快速获取子标签，方便进行进一步的操作和处理。
流程图如下：
st=>start: 开始
op1=>operation: 获取父元素
op2=>operation: 使用方法一
op3=>operation: 使用方法二
op4=>operation: 使用方法三
op5=>operation: 使用方法四
e=>end: 结束
st->op1->op2->op3->op4->op5->e
希望本文对你理解 JavaScript 获取子标签的方法有所帮助，更多详细内容请参考 [MDN 文档](
