Question

提供以下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？

Answer 1

您可以使用document.querySelectorAll('body > div')

获取顶级div

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

Answer 2

document.querySelectorAll（“body＆gt; div”）;

在Vanilla JS的父母中找到父母DIV和孩子DIV

2 个答案: