如何使用 document.querySelectorAll() 有效地迭代選定的元素

使用document.querySelectorAll 循環選定的元素

嘗試迭代使用document.querySelectorAll()嘗試迭代使用document.querySelectorAll()，獲得一致數量的結果可能會遇到困難。發生這種情況是因為 document.querySelectorAll()

傳回一個節點列表，其中包含與指定查詢相符的元素之外的其他元素。

要有效地循環選定的元素，可以使用 for in 迴圈的替代方法被雇用。一種流行且有效的方法是利用擴展語法將節點列表轉換為陣列。

<code class="javascript">var checkboxes = [...document.querySelectorAll('.check')];
checkboxes.forEach(checkbox => {
    // Perform actions on each checkbox element
});</code>

這種方法將節點列表轉換為數組，允許使用 forEach() 等現代方法。這可以防止包含額外的項目並確保循環中的結果一致。

以上是如何使用 document.querySelectorAll() 有效地迭代選定的元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！