Bagaimana untuk Mengulangi melalui `getElementsByClassName` Dengan Selamat dalam JavaScript?

Cara Mengulang melalui getElementsByClassName Dengan Betul

Dalam JavaScript, getElementsByClassName mengembalikan NodeList, bukan tatasusunan. Ini boleh membawa kepada tingkah laku yang tidak dijangka untuk pemula, seperti NodeList yang berubah dengan pantas semasa lelaran.

Penyelesaian 1: Menggunakan Kaedah item()

Untuk lelaran melalui NodeList dengan betul , anda boleh menggunakan kaedah item():

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

Kaedah ini mengembalikan elemen ke-1 NodeList.

Penyelesaian 2: Mengklon NodeList ke dalam Array

const slides = document.getElementsByClassName("slide");
const slidesArray = Array.from(slides);
for (let slide of slidesArray) {
   Distribute(slide);
}

Atas ialah kandungan terperinci Bagaimana untuk Mengulangi melalui `getElementsByClassName` Dengan Selamat dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!