JavaScript 获取 HTML 中特定父元素下的子元素
JavaScript 获取 HTML 中特定父元素下的子元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>查找子元素示例</title>
</head>
<body><div id="parent"><p>第一个子元素</p><span>另一个子元素</span><div><a href="#">链接</a></div>
</div><script>// 获取父元素var parent = document.getElementById('parent');// 查找特定子元素var divChildren = parent.querySelector('div');var spanChildren = parent.querySelector('span');// 查找所有子元素var children = parent.querySelectorAll('*');// 输出找到的子元素children.forEach(function(child) {console.log(child.tagName); // 打印标签名});
</script></body>
</html>