Bagaimana untuk Bekerja dengan Berbilang Elemen dengan ID yang Sama dalam JavaScript?

Bekerja dengan Pelbagai Elemen dengan ID Yang Sama Menggunakan JavaScript's getElementById()

Walaupun peraturan bahawa elemen HTML harus mempunyai ID unik, anda mungkin menghadapi situasi di mana elemen mempunyai ID pendua disebabkan oleh faktor luaran, seperti dokumentasi API. Dalam kes sedemikian, mendapatkan koleksi elemen ini menggunakan fungsi getElementById() JavaScript boleh mencabar.

Daripada bergantung semata-mata pada getElementById(), yang hanya mengembalikan elemen padanan pertama, anda boleh menggunakan querySelectorAll() untuk dapatkan semula berbilang elemen dengan ID yang sama. Begini cara anda boleh mencapainya:

var elms = document.querySelectorAll("[id='duplicateID']");

// Iterate through the elements and perform necessary actions
for (var i = 0; i < elms.length; i++) {
  elms[i].style.display = 'none'; // For example, hiding the elements
}

Kod ini akan memberikan anda pelbagai elemen dengan ID yang ditentukan, membolehkan anda memanipulasi atau mengubah sifatnya mengikut keperluan.

Atas ialah kandungan terperinci Bagaimana untuk Bekerja dengan Berbilang Elemen dengan ID yang Sama dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!