js获取父元素下的第二个子元素

要在 JavaScript 中获取一个元素的第二个子元素，可以使用以下代码：

var parent = document.getElementById('parent');  // 假设父元素的 id 为 parent
var secondChild = parent.children[1];
首先，使用 document.getElementById 方法获取父元素的引用。然后，使用 children 属性获取父元素的子元素列表，children 属性返回的是一个类似数组的对象，其中每个子元素都有一个对应的数字索引。由于数组的索引从 0 开始，所以 parent.children[1] 表示父元素的第二个子元素。最后，将得到的第二个子元素的引用存储在 secondChild 变量中，以便后续使用。
需要注意的是，使用 children 属性获取子元素列表时，它会返回所有类型的子元素，包括元素节点、文本节点、注释节点等。如果只想获取元素节点，可以使用 getElementsByTagName 或 querySelectorAll 等方法。
例如，要获取父元素下第二个 div 元素，可以使用以下代码：
var parent = document.getElementById('parent');  // 假设父元素的 id 为 parent
var secondDiv = parent.getElementsByTagName('div')[1];
// 或者使用以下代码
// var secondDiv = parent.querySelectorAll('div')[1];
这里使用了 getElementsByTagName 方法获取所有 div 元素，然后根据索引获取第二个 div 元素的引用。也可以使用 querySelectorAll 方法，它接受一个 CSS 选择器作为参数，返回匹配该选择器的所有元素，语法类似于 jQuery 的 $ 函数。