Bagaimana TypeError Tidak Tertangkap: Tidak dapat menyetel properti null di getElementById() Terjadi?
“ TypeError Tidak Tertangkap: Tidak dapat menyetel properti null di getElementById() ” mungkin terjadi karena alasan berikut:
Contoh 1: Terjadinya Uncaught TypeError: Tidak dapat menyetel properti null di getElementById() karena Akses Sebelumnya ke Elemen
Dalam contoh ini, kesalahan yang ditemui karena akses elemen tertentu sebelum menentukannya akan dibahas:
< naskah >
dokumen. getElementById ( 'kepala' ) . innerHTML = 'Konten JavaScript' ;
naskah >
< tengah >< tubuh >
< h2id = 'kepala' > Situs Linuxint h2 >
tubuh > tengah >
Terapkan langkah-langkah berikut, seperti yang diberikan pada baris kode di atas:
- Pertama, sertakan blok kode JavaScript di dalam “
” tag. - Di sini, akses elemen yang sesuai dengan pernyataan “ Indo ' menggunakan ' getElementById() ' metode.
- Juga, terapkan ' innerHTML ” untuk memperbarui konten elemen yang diakses.
- Dalam kode HTML di dalam “
” tag, sertakan tajuk yang memiliki “ Indo ”. - Saat mengeksekusi kode, kesalahan ketik “ Tidak dapat menyetel properti null di getElementById() ' akan terjadi. Karena unsur “ ” diakses bahkan sebelum ditentukan.
Keluaran
Pada output di atas, terlihat bahwa error yang dinyatakan ditampilkan karena akses sebelumnya ke elemen.
Larutan
Kesalahan yang ditemui di atas dalam kasus ini dapat diatasi dengan mengurutkan kode sedemikian rupa sehingga elemen ditentukan sebelum diakses.
Contoh berikut mengilustrasikan konsep yang dinyatakan:
< tengah >< tubuh >< h2id = 'kepala' > Situs Linuxint h2 >
tubuh > tengah >
< naskah >
dokumen. getElementById ( 'kepala' ) . innerHTML = 'Konten JavaScript' ;
naskah >
Kode di atas identik dengan kode sebelumnya dengan perubahan penempatan blok kode. Hal ini sedemikian rupa sehingga “ ” ditentukan sebelum diakses dalam kode JavaScript.
Keluaran
Seperti yang terlihat, kesalahan yang ditemui teratasi, dan konten yang diperbarui melalui ' innerHTML properti ” ditampilkan.
Contoh 2: Terjadinya Uncaught TypeError: Tidak dapat menyetel properti null di getElementById() karena Akses Id yang Salah
Kesalahan yang disebutkan juga dapat ditemui dengan mengakses id secara tidak benar.
Mari kita lihat contoh yang disebutkan di bawah ini:
< marquee id = 'untuk' > Jawa tenda >< jenis skrip = 'teks/javascript' >
dokumen. getElementById ( '#untuk' ) . innerText = 'Naskah' ;
naskah >
Dalam cuplikan kode di atas:
- Sertakan “ ' elemen memiliki pernyataan ' Indo ” dan nilai teks.
- Di bagian kode JS, akses elemen yang disertakan di langkah sebelumnya menggunakan ' getElementById() ' metode.
- “ Indo ” format di sini tidak benar, mengingat metode untuk mengakses elemen tertentu.
- Di sini, “ innerText ” properti menampilkan nilai teks yang dinyatakan.
Keluaran
Dalam keluaran ini, dapat diverifikasi bahwa properti yang diterapkan tidak memengaruhi elemen karena format id yang salah.
Larutan
Kesalahan yang disebutkan dalam skenario khusus ini dapat diatasi dengan menentukan id dengan benar saat mengakses elemen:
< marquee id = 'untuk' > Jawa tenda >< jenis skrip = 'teks/javascript' >
dokumen. getElementById ( 'untuk' ) . innerText = 'Naskah' ;
naskah >
Terapkan langkah-langkah yang disebutkan di bawah ini, seperti yang dinyatakan dalam kode di atas:
- Sertakan “ ' elemen memiliki yang diberikan ' Indo ”.
- Di cuplikan kode JavaScript, akses elemen, di langkah sebelumnya dengan menentukan ' Indo ” dengan benar melalui “ getElementById() ' metode.
- Terakhir, terapkan “ innerText ” dan tampilkan konten teks yang disebutkan, yang akan diperbarui dalam kasus ini.
Keluaran
Pada output di atas, dapat divisualisasikan bahwa konten teks yang diperbarui ditampilkan.
Kesimpulan
“ TypeError Tidak Tertangkap: Tidak dapat menyetel properti null di getElementById() ” dalam JavaScript dapat diselesaikan dengan menentukan elemen sebelum mengaksesnya atau dengan menentukan id dalam format yang benar. Setelah melakukannya, fungsionalitas yang sesuai dapat dijalankan dalam kedua kasus tersebut. Blog ini memandu tentang penyelesaian Uncaught TypeError: Cannot set properties of null at getElementById() in JavaScript.