Yakalanmayan TypeError: GetElementById()'de null'un özellikleri ayarlanamıyor.
“ Yakalanmayan TypeError: getElementById()'de null'un özellikleri ayarlanamıyor ” aşağıdaki nedenlerle ortaya çıkabilir:
Örnek 1: Yakalanmayan TypeError Oluşumu: Öğenin Önceden Erişimi nedeniyle getElementById()'de null'un özellikleri ayarlanamıyor
Bu örnekte, belirli bir öğenin belirtilmeden önce erişilmesi nedeniyle karşılaşılan hata ele alınacaktır:
< senaryo >
belge. getElementById ( 'kafa' ) . içHTML = 'JavaScript İçeriği' ;
senaryo >
< merkez >< gövde >
< h2 kimliği = 'kafa' > Linuxhint Web Sitesi h2 >
gövde > merkez >
Yukarıdaki kod satırlarında verilen aşağıdaki adımları uygulayın:
- İlk olarak, JavaScript kod bloğunu “
' etiket. - Burada, belirtilen “ ile ilgili öğeye erişin. İD ' kullanmak ' getElementById() ' yöntem.
- Ayrıca, “ içHTML Erişilen öğenin içeriğini güncellemek için ” özelliği.
- HTML kodunda “
” etiketi, belirtilene sahip bir başlık içerir “ İD ”. - Kodu çalıştırdıktan sonra, tip hatası “ getElementById()'de null'un özellikleri ayarlanamıyor ' gerçekleşecek. Bunun nedeni “ öğesinin ” belirtilmeden önce erişilir.
Çıktı
Yukarıdaki çıktıda, öğeye önceden erişim nedeniyle belirtilen hatanın görüntülendiği görülebilir.
Çözüm
Bu durumda yukarıda karşılaşılan hata, öğeye erişilmeden önce belirtilecek şekilde kod sıralanarak çözülebilir.
Aşağıdaki örnek belirtilen kavramı göstermektedir:
< merkez >< gövde >< h2 kimliği = 'kafa' > Linuxhint Web Sitesi h2 >
gövde > merkez >
< senaryo >
belge. getElementById ( 'kafa' ) . içHTML = 'JavaScript İçeriği' ;
senaryo >
Yukarıdaki kod, kod bloklarının yerleşimindeki değişiklikle önceki kodla aynıdır. Öyle ki “ ” öğesi, JavaScript kodunda erişilmeden önce belirtilir.
Çıktı
Görüldüğü üzere karşılaşılan hata giderilmiş ve “ üzerinden güncellenen içerik içHTML ” özelliği görüntülenir.
Örnek 2: Yakalanmayan TypeError Oluşumu: Yanlış Kimlik Erişimi nedeniyle getElementById()'de null özellikleri ayarlanamıyor
Belirtilen hata, id'ye yanlış erişildiğinde de karşılaşılabilir.
Aşağıda belirtilen örnek üzerinden gidelim:
< kayan yazı kimliği = 'için' > java kayan yazı >< komut dosyası türü = 'metin/javascript' >
belge. getElementById ( '#için' ) . iç metin = 'Senaryo' ;
senaryo >
Yukarıdaki kod parçacığında:
- İçermek '
'belirtilen öğeye sahip öğe' İD ” ve metin değeri. - Kodun JS bölümünde, önceki adımda dahil edilen öğeye “ kullanarak erişin. getElementById() ' yöntem.
- “ İD Belirli bir öğeye erişim yöntemi göz önüne alındığında, buradaki biçim doğru değil.
- Burada, “ iç Metin ” özelliği, belirtilen metin değerini görüntüler.
Çıktı
Bu çıktıda, yanlış id formatı nedeniyle uygulanan özelliğin elemanı etkilemediği doğrulanabilir.
Çözüm
Bu özel senaryoda belirtilen hata, öğeye erişirken kimliği doğru bir şekilde belirterek çözülebilir:
< kayan yazı kimliği = 'için' > java kayan yazı >< komut dosyası türü = 'metin/javascript' >
belge. getElementById ( 'için' ) . iç metin = 'Senaryo' ;
senaryo >
Aşağıda belirtilen adımları yukarıdaki kodda belirtildiği gibi uygulayın:
- Dahil et '
'verilen öğe' İD ”. - JavaScript kod parçacığında, önceki adımda öğenin ' İD ' üzerinden doğru şekilde getElementById() ' yöntem.
- Son olarak, “ iç metin ” özelliğini açın ve bu durumda güncellenecek olan belirtilen metin içeriğini görüntüleyin.
Çıktı
Yukarıdaki çıktıda, güncellenen metin içeriğinin görüntülendiği görselleştirilebilir.
Çözüm
“ Yakalanmayan TypeError: getElementById()'de null'un özellikleri ayarlanamıyor ” JavaScript'te, öğeye erişmeden önce belirterek veya kimliği doğru biçimde belirterek çözülebilir. Bunu yaptıktan sonra, ilgili işlevler her iki durumda da yürütülebilir. Bu blog, JavaScript'te Uncaught TypeError: Cannot set of property at getElementById() işlevinin çözümlenmesi konusunda yol gösterdi.