获取当前元素的子元素的方法

获取当前元素的子元素有以下几种方法：

1. 使用 childNodes 属性，该属性返回当前元素的子节点列表，包括元素节点、文本节点、注释节点等。我们可以使用 nodeType 属性来判断节点类型，再筛选出元素节点。例如：

var parent = document.getElementById("parent");
var children = parent.childNodes;
var elements = [];
for (var i = 0; i < children.length; i++) {
    if (children[i].nodeType == 1) {
        elements.push(children[i]);
    }
}

2. 使用 children 属性，该属性返回当前元素的子元素节点列表。它与 childNodes 属性的区别在于，它只返回元素节点。例如：

var parent = document.getElementById("parent");
var children = parent.children;

3. 使用 firstElementChild 和 lastElementChild 属性，分别返回当前元素的第一个子元素和最后一个子元素。例如：

var parent = document.getElementById("parent");
var firstChild = parent.firstElementChild;
var lastChild = parent.lastElementChild;

4. 使用 querySelectorAll 方法，该方法可以通过 CSS 选择器获取当前元素的子元素。例如：

var parent = document.getElementById("parent");
var children = parent.querySelectorAll("div");

这个例子中，我们通过 querySelectorAll 方法获取了所有的 div 元素，它们都是 parent 元素的子元素。