使用getElementsByClassName 查找父子标签的代码
以下是使用getElementsByClassName查找父子标签的代码示例:
HTML代码:
<div class="parent">
<h2 class="child">Child 1</h2>
<h2 class="child">Child 2</h2>
<h2 class="child">Child 3</h2>
</div>
JavaScript代码:
// 获取父标签
const parent = document.getElementsByClassName('parent')[0];
// 获取子标签
const children = parent.getElementsByClassName('child');
// 循环遍历子标签
for (let i = 0; i < children.length; i++) {
console.log(children[i].textContent);
}
该代码将获取class为"parent"的父标签,然后使用getElementsByClassName获取class为"child"的子标签,并循环遍历每个子标签,打印出它们的textContent。
原文地址: https://www.cveoy.top/t/topic/KaW 著作权归作者所有。请勿转载和采集!