Rumah > hujung hadapan web > tutorial js > Bolehkah elemen mempunyai ID yang bermula dengan nombor?

Bolehkah elemen mempunyai ID yang bermula dengan nombor?

Mary-Kate Olsen
Lepaskan: 2024-11-11 09:02:03
asal
209 orang telah melayarinya

Can elements have IDs that start with numbers?

Bolehkah Elemen Mempunyai ID Yang Bermula dengan Nombor?

Ya, HTML membenarkan elemen mempunyai ID yang bermula dengan nombor. Walau bagaimanapun, penggunaan ID tersebut boleh merumitkan interaksi CSS dan JavaScript.

Penghadan dalam Pemilih CSS:

ID berangka memerlukan melarikan diri dalam pemilih CSS, menggunakan garisan ke belakang () diikuti dengan kod aksara heksadesimal bagi digit. Contohnya, untuk memilih elemen dengan ID "12", anda akan menggunakan #3132.

Sokongan dan Keserasian Penyemak Imbas:

Sementara penyemak imbas moden menyokong ID bermula dengan nombor, menggunakannya tidak disyorkan kerana kemungkinan isu dengan pemilih CSS.

Kesan pada Interaksi JavaScript:

Dalam JavaScript, elemen boleh diambil menggunakan document.getElementById( ). Walau bagaimanapun, jika ID bermula dengan nombor, ia mesti disertakan dalam tanda petikan. Contohnya, untuk mengakses elemen dengan ID "12", anda akan menggunakan document.getElementById("12").

Amalan Lebih Baik:

Untuk mengelakkan kerumitan yang dikaitkan dengan ID berangka, adalah dinasihatkan untuk memulakan ID dengan huruf dan elakkan menggunakan digit tulen. Ini meningkatkan kebolehbacaan, memudahkan penggunaan CSS dan JavaScript serta memastikan keserasian merentas penyemak imbas.

Contoh:

Berikut ialah contoh menggunakan elemen dengan ID "12":

<div>
Salin selepas log masuk
#12 {
  color: red;
}
Salin selepas log masuk
document.getElementById("12").style.fontSize = "20px";
Salin selepas log masuk

Perhatikan bahawa ID tersebut dipetik dalam JavaScript kerana ia bermula dengan nombor.

Atas ialah kandungan terperinci Bolehkah elemen mempunyai ID yang bermula dengan nombor?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan