masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > Adakah ID Elemen HTML Sifat Global dalam JavaScript?

Adakah ID Elemen HTML Sifat Global dalam JavaScript?

DDD
Lepaskan： 2024-12-25 02:14:08
asal
388 orang telah melayarinya

Are HTML Element IDs Global Properties in JavaScript?

Adakah Atribut ID DOM Tree Elements Menjadikan Mereka Sifat Global?

Terutama pelayar seperti Internet Explorer dan Chrome, elemen HTML dengan ID yang diberikan boleh diakses sebagai nama pembolehubah atau sifat objek tetingkap. Contohnya,

elemen dengan ID "contoh" boleh diambil menggunakan sama ada example.innerHTML atau window["example"].innerHTML.

Walau bagaimanapun, tingkah laku ini tidak dimaksudkan dan harus dianggap sebagai kemungkinan perangkap. Seperti yang dinyatakan dalam jawapan yang luas, penyemak imbas menambah elemen bernama sebagai sifat objek dokumen (dan dalam kes IE, objek tetingkap juga), yang merupakan keputusan reka bentuk yang buruk kerana ia membenarkan nama elemen bercanggah dengan sifat sedia ada bagi mereka. objek.

Untuk mengelakkan isu ini, amat disyorkan untuk menggunakan document.getElementById untuk mendapatkan semula elemen. Kaedah ini disokong secara meluas dan memberikan kejelasan dalam kod anda. Jika nama yang lebih panjang membimbangkan, anda boleh membuat fungsi pembungkus yang lebih pendek dan bukannya bergantung pada gelagat carian ID-ke-elemen yang tidak disengajakan.

Perlu ambil perhatian bahawa amalan menjadikan elemen bernama boleh diakses sebagai global pembolehubah seperti sedang diformalkan dalam HTML5, termasuk peletakan elemen tersebut pada kedua-dua sifat dokumen dan tetingkap. Walau bagaimanapun, walaupun terdapat penyeragaman, ia kekal sebagai amalan yang paling baik dielakkan memihak kepada kaedah yang lebih mantap dan jelas seperti document.getElementById.

Atas ialah kandungan terperinci Adakah ID Elemen HTML Sifat Global dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn
Artikel sebelumnya：Adakah Fungsi Async Sentiasa Membalas Janji? Artikel seterusnya：Bagaimana untuk Mencetuskan Muat Turun Fail Secara Asynchronous dengan Ajax?
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
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2308
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2442
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
2057
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1942
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
2006
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan