Bagaimanakah Uncaught TypeError: Tidak dapat menetapkan sifat null pada getElementById() Berlaku?
' Uncaught TypeError: Tidak dapat menetapkan sifat null di getElementById() ” mungkin berlaku atas sebab-sebab berikut:
Contoh 1: Kejadian Uncaught TypeError: Tidak dapat menetapkan sifat null pada getElementById() disebabkan Akses Sebelum Elemen
Dalam contoh ini, ralat yang dihadapi kerana akses elemen tertentu sebelum menentukannya akan dibincangkan:
< skrip >
dokumen. getElementById ( 'kepala' ) . innerHTML = 'Kandungan JavaScript' ;
skrip >
< pusat >< badan >
< id h2 = 'kepala' > Laman Web Linuxhint h2 >
badan > pusat >
Gunakan langkah berikut, seperti yang diberikan dalam baris kod di atas:
- Pertama, masukkan blok kod JavaScript dalam '
” tag. - Di sini, akses elemen yang sepadan dengan yang dinyatakan ' ID ' menggunakan ' getElementById() ” kaedah.
- Juga, gunakan ' innerHTML ” harta untuk mengemas kini kandungan elemen yang diakses.
- Dalam kod HTML dalam '
teg ”, sertakan tajuk yang mempunyai “ yang ditentukan ID ”. - Apabila melaksanakan kod, ralat jenis ' Tidak boleh menetapkan sifat null di getElementById() ' akan berlaku. Ini kerana unsur “ ” diakses sebelum ia dinyatakan.
Pengeluaran
Dalam output di atas, dapat dilihat bahawa ralat yang dinyatakan dipaparkan kerana akses terdahulu kepada elemen.
Penyelesaian
Ralat yang dihadapi di atas dalam kes ini boleh diselesaikan dengan menyusun kod supaya elemen ditentukan sebelum ia diakses.
Contoh berikut menggambarkan konsep yang dinyatakan:
< pusat >< badan >< id h2 = 'kepala' > Laman Web Linuxhint h2 >
badan > pusat >
< skrip >
dokumen. getElementById ( 'kepala' ) . innerHTML = 'Kandungan JavaScript' ;
skrip >
Kod di atas adalah sama dengan kod sebelumnya dengan perubahan dalam peletakan blok kod. Ia sedemikian rupa bahawa ' ” elemen ditentukan sebelum ia diakses dalam kod JavaScript.
Pengeluaran
Seperti yang dilihat, ralat yang dihadapi diselesaikan, dan kandungan yang dikemas kini melalui ' innerHTML ” harta benda dipaparkan.
Contoh 2: Kejadian Uncaught TypeError: Tidak dapat menetapkan sifat null pada getElementById() kerana Akses Id yang Salah
Ralat yang dinyatakan juga boleh ditemui dengan mengakses id secara salah.
Mari kita lihat contoh yang dinyatakan di bawah:
< id tenda = 'untuk' > Jawa marquee >< jenis skrip = 'teks/javascript' >
dokumen. getElementById ( '#untuk' ) . innerTeks = 'Skrip' ;
skrip >
Dalam coretan kod di atas:
- Sertakan ' 'elemen yang dinyatakan' ID ” dan nilai teks.
- Dalam bahagian JS kod, akses elemen yang disertakan dalam langkah sebelumnya menggunakan ' getElementById() ” kaedah.
- ' ID ” format di sini tidak betul, memandangkan kaedah untuk mengakses elemen tertentu.
- Di sini, ' innerTeks sifat ” memaparkan nilai teks yang dinyatakan.
Pengeluaran
Dalam output ini, ia boleh disahkan bahawa sifat yang digunakan tidak menjejaskan elemen disebabkan format id yang salah.
Penyelesaian
Ralat yang disebutkan dalam senario tertentu ini boleh diselesaikan dengan menentukan id dengan betul semasa mengakses elemen:
< id tenda = 'untuk' > Jawa marquee >< jenis skrip = 'teks/javascript' >
dokumen. getElementById ( 'untuk' ) . innerTeks = 'Skrip' ;
skrip >
Laksanakan langkah-langkah yang dinyatakan di bawah, seperti yang dinyatakan dalam kod di atas:
- Sertakan ' 'elemen yang mempunyai diberi' ID ”.
- Dalam coretan kod JavaScript, akses elemen, dalam langkah sebelumnya dengan menentukan elemen ' ID ” dengan betul melalui “ getElementById() ” kaedah.
- Akhir sekali, gunakan ' innerTeks ” dan memaparkan kandungan teks yang dinyatakan, yang akan dikemas kini dalam kes ini.
Pengeluaran
Dalam output di atas, boleh digambarkan bahawa kandungan teks yang dikemas kini dipaparkan.
Kesimpulan
' Uncaught TypeError: Tidak dapat menetapkan sifat null di getElementById() ” dalam JavaScript boleh diselesaikan dengan menentukan elemen sebelum mengaksesnya atau dengan menyatakan id dalam format yang betul. Selepas berbuat demikian, fungsi yang sepadan boleh dilaksanakan dalam kedua-dua kes. Blog ini memberi panduan tentang menyelesaikan Uncaught TypeError: Tidak dapat menetapkan sifat null di getElementById() dalam JavaScript.