Bagaimana untuk Mengulangi Dengan Betul Melalui Elemen HTMLCollection dan Dapatkan IDnya?

For Loop for HTMLCollection Elements

Penjelasan

Anda sedang cuba mengulang melalui HTMLCollection dan mendapatkan ID setiap elemen. Walau bagaimanapun, pendekatan awal anda tidak betul. Dengan menggunakan untuk (senarai kunci), anda mengulangi kekunci HTMLCollection, yang merupakan indeks elemen.

Pendekatan Betul

Untuk mengulangi objek HTMLCollection itu sendiri dan akses ID mereka, anda boleh menggunakan yöntemler berikut:

1. untuk/daripada Loop (Pelayar Moden)

Untuk penyemak imbas moden yang menyokong ES6 untuk/daripada sintaks, anda boleh menggunakan kod berikut:

var list = document.getElementsByClassName("events");
for (let item of list) {
    console.log(item.id);
}

2. for Loop with Length Property

Untuk penyemak imbas yang tidak menyokong sintaks untuk/bagi, anda boleh menggunakan kod berikut:

var list = document.getElementsByClassName("events");
for (var i = 0; i < list.length; i++) {
    console.log(list[i].id);
}

Elakkan Menggunakan untuk/dalam

Jangan gunakan untuk/masuk untuk mengulang HTMLCollections. Ia bertujuan untuk mengulangi sifat objek, yang boleh membawa kepada tingkah laku yang tidak dijangka dengan objek HTMLCollection.

Ringkasan

Ingat bahawa untuk penyemak imbas moden, pendekatan yang disyorkan adalah menggunakan sintaks untuk/daripada, manakala untuk pelayar lama, gelung for dengan pendekatan sifat panjang akan berfungsi. Elakkan menggunakan for/in untuk HTMLCollections.

Atas ialah kandungan terperinci Bagaimana untuk Mengulangi Dengan Betul Melalui Elemen HTMLCollection dan Dapatkan IDnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!