Bagaimanakah saya boleh mendapatkan berbilang elemen dengan ID yang sama menggunakan getElementById() dalam JavaScript?

Mengambil Berbilang Elemen dengan ID Yang Sama Menggunakan getElementById

Dalam JavaScript, getElementById ialah kaedah yang berkuasa untuk memilih elemen berdasarkan ID uniknya. Walau bagaimanapun, apakah yang berlaku apabila anda menghadapi berbilang elemen berkongsi ID yang sama, iaitu HTML tidak sah tetapi kadangkala tidak dapat dielakkan?

Soalan berikut menangani senario ini:

Soalan: Bagaimana bolehkah saya mendapatkan koleksi elemen dengan menyatakan atribut ID mereka, termasuk yang mempunyai ID pendua? Saya hanya mahu menggunakan getElementById() untuk mencapai ini.

Jawapan:

Walaupun menggunakan getElementById() untuk elemen dengan ID pendua tidak sesuai, terdapat cara untuk menyelesaikan masalah ini. Satu pendekatan ialah menggunakan querySelectorAll:

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

for(var i = 0; i < elms.length; i++) 
  elms[i].style.display='none';

Kod ini mendapatkan semula semua elemen dengan ID yang ditentukan dan menyimpannya dalam tatasusunan bernama elms. Anda kemudiannya boleh mengulang tatasusunan dan melakukan sebarang tindakan yang diingini pada setiap elemen, seperti menyembunyikannya dalam contoh di atas.

Perhatikan bahawa menggunakan getElementById() untuk elemen dengan ID pendua boleh membawa kepada tingkah laku yang tidak dapat diramalkan. Biasanya disyorkan untuk menguatkuasakan HTML yang sah dengan menggunakan ID unik untuk elemen.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mendapatkan berbilang elemen dengan ID yang sama menggunakan getElementById() dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!