以下是一个示例代码,展示如何使用JavaScript捕捉div类内的元素:
HTML代码:
JavaScript代码:
// 获取具有指定类名的所有元素
var elements = document.getElementsByClassName("my-div");
// 迭代所有元素
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
// 获取div内的所有子元素
var children = element.childNodes;
// 迭代所有子元素
for (var j = 0; j < children.length; j++) {
var child = children[j];
// 检查子元素是否为元素节点
if (child.nodeType === Node.ELEMENT_NODE) {
// 在控制台输出子元素的标签名
console.log(child.tagName);
}
}
}
此代码将获取具有类名"my-div"的所有div元素,并迭代每个div元素的子元素。然后,它将检查每个子元素是否为元素节点,并在控制台输出它们的标签名。在这个示例中,输出将是P
、A
和IMG
。