JavaScript 获取 HTML 中特定父元素下的子元素
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>