gpt4 book ai didi

javascript - 使用 Vanilla JS 在父级中仅查找父级 DIV,然后查找子级 DIV

转载 作者:行者123 更新时间:2023-12-01 03:05:21 24 4
gpt4 key购买 nike

给出以下 HTML;

<!DOCTYPE html>
<html>
<head>
<title>DIV Test</title>
</head>
<body>
<div>
<h1>Hello 1</h1>
<div>
<h1>Hello 1</h1>
</div>
<div>
<h1>Hello 2</h1>
</div>
</div>
<div>
<h1>Hello 2</h1>
<div>
<h1>Hello 1</h1>
</div>
<div>
<h1>Hello 2</h1>
</div>
</div>
<div>
<h1>Hello 3</h1>
<div>
<h1>Hello 1</h1>
</div>
<div>
<h1>Hello 2</h1>
</div>
</div>
<div>
<h1>Hello 4</h1>
<div>
<h1>Hello 1</h1>
</div>
<div>
<h1>Hello 2</h1>
</div>
</div>
<div>
<h1>Hello 5</h1>
<div>
<h1>Hello 1</h1>
</div>
<div>
<h1>Hello 2</h1>
</div>
</div>

</body>
</html>

我如何使用 Vanilla JS 只返回父 div?例如,使用代码 var x = document.getElementsByTagName("div"); 此时它将返回 15 个 div,我可以使用什么代码来仅返回父 div(即 5)?

最佳答案

您可以使用 document.querySelectorAll('body > div') 获取顶级 div

例如,document.querySelectorAll('body > div').length 获取计数。

关于javascript - 使用 Vanilla JS 在父级中仅查找父级 DIV,然后查找子级 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46230701/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com