使用.children()方法获取元素的子元素

使用.children()方法可以获取元素的子元素。它返回一个包含所有子元素的数组，可以使用下标访问每个子元素。

使用示例

// 获取id为container的元素的子元素
let children = document.getElementById('container').children;

// 访问第一个子元素
let firstChild = children[0];

同时，还可以使用.firstElementChild和.lastElementChild获取第一个和一个子元素，而不需要使用数组下标访问：

// 获取id为container的元素的第一个子元素
let firstChild = document.getElementById('container').firstElementChild;

// 获取id为container的元素的一个子元素
let lastChild = document.getElementById('container').lastElementChild;

还可以使用.nextElementSibling和.previousElementSibling获取当前元素的相邻元素：

// 获取id为element的元素的下一个兄弟元素
let nextSibling = document.getElementById('element').nextElementSibling;

// 获取id为element的元素的上一个兄弟元素
let previousSibling = document.getElementById('element').previousElementSibling;

可以使用.parentElement获取当前元素的父元素：

// 获取id为element的元素的父元素
let parent = document.getElementById('element').parentElement;

使用.children()方法可以轻松获取元素的子元素，从而方便地对元素进行操作。