只找到父母的DIV，然後在Vanilla JS的父母中找到孩子的DIV

給出以下HTML;只找到父母的DIV，然後在Vanilla JS的父母中找到孩子的DIV

<!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）？

來源

2017-09-15 Dan

你可以得到頂級的div document.querySelectorAll('body > div')

例如，document.querySelectorAll('body > div').length得到計數。

來源

2017-09-15 02:19:25 j08691

謝謝，那曾經工作過！ – Dan

document.querySelectorAll（「body> div」）;

來源

2017-09-15 02:34:51 Damith

只找到父母的DIV，然後在Vanilla JS的父母中找到孩子的DIV

回答

相關問題