Bagaimana Anda Mengulang Melalui NodeList yang Dikembalikan oleh getElementsByClassName()?

Lelaran melalui getElementsByClassName NodeList

Sebagai seorang pemula dalam JavaScript, anda mungkin menghadapi kesukaran apabila melelaran melalui NodeList yang dikembalikan oleh kaedah getElementsByClassName() . Tidak seperti tatasusunan, NodeLists sememangnya tidak menyokong tingkah laku seperti tatasusunan seperti pengindeksan langsung atau gelung menggunakan sintaks for.

Untuk melelaran dengan betul melalui NodeList, anda boleh menggunakan kaedah item() yang disediakan oleh objek NodeList. Kaedah ini membolehkan anda mendapatkan semula elemen individu daripada NodeList dengan menyatakan indeks.

Untuk menunjukkan, pertimbangkan kod berikut:

const slides = document.getElementsByClassName("slide");
for (let i = 0; i < slides.length; i++) {
   Distribute(slides.item(i));
}

Dengan menggunakan kaedah item(), kod ini mendapatkan semula setiap elemen daripada NodeList pada indeks yang ditentukan dan menghantarnya ke fungsi Distribute() untuk pemprosesan.

Nota: Adalah penting untuk mempertimbangkan bahawa apabila mengubah suai DOM dalam fungsi Distribute(), panjang dan susunan NodeList mungkin berubah. Untuk mengelakkan tingkah laku yang tidak dapat diramalkan, anda mungkin ingin mempertimbangkan untuk mencipta tatasusunan klon daripada NodeList sebelum melelang melaluinya, memastikan anda berfungsi dengan koleksi statik.

Atas ialah kandungan terperinci Bagaimana Anda Mengulang Melalui NodeList yang Dikembalikan oleh getElementsByClassName()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!