Apa yang Berlaku Apabila Berbilang Elemen HTML Berkongsi ID Yang Sama?

Pemilih ID dan Berbilang Elemen HTML

Walaupun HTML5 menentukan bahawa atribut ID ialah pengecam unik untuk elemen pada halaman, aplikasi praktikal dalam penyemak imbas menyimpang dari peraturan ini. Penyemak imbas berusaha untuk mentafsirkan maksud HTML dan melaksanakan kod dengan sewajarnya, walaupun ia menghasilkan tingkah laku yang tidak standard.

Walau bagaimanapun, memberikan berbilang elemen ID yang sama boleh membawa kepada akibat yang tidak dijangka. Penyemak imbas hanya boleh mengakui elemen pertama dengan ID tersebut, menyebabkan interaksi yang tidak dapat diramalkan. Selain itu, ketidakkonsistenan boleh timbul merentas penyemak imbas yang berbeza, yang membawa kepada potensi isu jika halaman anda menyasarkan berbilang persekitaran pengguna.

Pendekatan Alternatif

Untuk mengelakkan ketidakkonsistenan ini, gunakan nama kelas CSS sebaliknya apabila menyasarkan berbilang elemen. Nama kelas direka bentuk untuk mengumpulkan elemen yang berkongsi gaya atau fungsi biasa. Pendekatan ini memastikan gelagat boleh diramal merentas penyemak imbas dan mengekalkan ketekalan yang diharapkan daripada atribut ID.

Pemilih Atribut untuk Berbilang ID

Jika benar-benar perlu, pilih berbilang elemen dengan ID yang sama , anda boleh menggunakan pemilih atribut. Contohnya:

document.querySelectorAll('p[id="red"]');

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa pemilih atribut tidak disokong dalam IE7 atau penyemak imbas terdahulu, mengehadkan keserasiannya.

Atas ialah kandungan terperinci Apa yang Berlaku Apabila Berbilang Elemen HTML Berkongsi ID Yang Sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!