Cara Mengulang Elemen Terpilih dengan Berkesan dengan document.querySelectorAll()

Memusing melalui Elemen Terpilih menggunakan document.querySelectorAll

Apabila cuba mengulangi elemen yang dipilih menggunakan document.querySelectorAll(), seseorang mungkin menghadapi kesukaran untuk mendapatkan bilangan keputusan yang konsisten. Ini berlaku kerana document.querySelectorAll() mengembalikan senarai nod yang termasuk elemen tambahan melebihi yang sepadan dengan pertanyaan yang ditentukan.

Untuk menggelungkan elemen terpilih secara berkesan, kaedah alternatif kepada gelung dalam boleh diambil bekerja. Pendekatan yang popular dan cekap ialah menggunakan sintaks hamparan untuk menukar senarai nod kepada tatasusunan.

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

Pendekatan ini mengubah senarai nod menjadi tatasusunan, membenarkan penggunaan kaedah moden seperti forEach() . Ini menghalang kemasukan item tambahan dan memastikan hasil yang konsisten dalam gelung.

Atas ialah kandungan terperinci Cara Mengulang Elemen Terpilih dengan Berkesan dengan document.querySelectorAll(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!