JS DOM：如何訪問嵌套元素

Question

這是一個非常棘手的問題，但請有人能幫我解決這個問題嗎？

假設我們有類似的代碼：

<div id='main'>

<div class='class1'>
<div class='class2'>
<div class='class3'>
<div class='class4'>
<div class='class5'>
<div class='class6'>
<div class='class7'>
<div class='class8'>

<button class='button'/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

有沒有辦法訪問這些元素內的按鈕？

Answer 1

您可以像使用 CSS 一樣使用document.querySelector()到 select 元素，在您的情況下：

document.querySelector("#main button")