如何使用 querySelectorAll 循環遍歷 DOM 元素

總結：

使用 for..of 循環

querySelectorAll() 方法在 document 上運行，返回滿足選擇器查詢的 DOM 元素列表。

它返回的是一個元素列表，而不是數組，而是一個 NodeList 對象。

最簡單的遍歷結果的方法是使用 for..of 循環：

for (const item of document.querySelectorAll('.buttons')) {
 //...做一些事情
}