Çözüldü TypeError: Cannot read properties of undefined (reading 'getElementsByClassName') hatası

Stereo.Luigi99 · 15 Ekim 2023

Bir eklenti hazırlıyor ve JS kodlarını yazıyordum. Eklentinin düzgün çalışmasını sağladım fakat şöyle bir hata veriyor: Uncaught TypeError: Cannot read properties of undefined (reading 'getElementsByClassName')

Bu, web sitesinin ana sayfasından başka bir yere tıklayınca oluşuyor ve eklentinin çalışmasına etki etmiyor. Yine de eklentinin tam olarak hatasız çalışması için bunu çözmem gerek.

Kod alttadır, yardımlarınızı bekliyorum.

JavaScript:

// Windows 11

const Win11P = document.getElementsByClassName('node node--id314 node--depth2 node--forum node--unread')[0];
const Win11P2 = Win11P.getElementsByClassName('xfa-nit-node-icon')[0]; // Rivayete göre hatalı yer

const oldWin11 = Win11P2.getElementsByClassName('fa fab fa-windows')[0];

const newWin11 = document.createElement('img');
newWin11.id = 'win11icon';
newWin11.src = 'https://raw.githubusercontent.com/stereoDotLuigi/OS-Icons/mario/windows/win11.png';
newWin11.width = "32";
newWin11.height = "32";

Win11P2.removeChild(oldWin11);
Win11P2.appendChild(newWin11);

@Nizel G

Nizel G · 15 Ekim 2023

Stereo.Luigi99 dedi:
Bu, web sitesinin ana sayfasından başka bir yere tıklayınca oluşuyor ve eklentinin çalışmasına etki etmiyor. Yine de eklentinin tam olarak hatasız çalışması için bunu çözmem gerek.

Aa, şimdi anladım. Ana sayfada çalışıyor, ama başka sayfalarda hata veriyor. Doğru mu?
O zaman başka sayfalardayken çalışmasını engelleyebilir veya eşleşme olmadığında kod yürütmesini durdurabilirsin.

Sayfa kontrolüne örnek olarak, window.location.href sadece https://www.technopat.net/sosyal/ olduğunda çalışmasını sağlayabilirsin.

Eşleşme olmadığında engellemek için de "Rivayet edilen satırdan" önce değişken kontrolü yapabilirsin.

JavaScript:

if (typeof Win11P !== 'undefined') {
    // Doğru yoldayız.
}

Nizel G · 15 Ekim 2023

Aa ne görüyorum ben? Rivayete göre hatalı yerin sayfa yüklendiğinde çalışması gerekiyor. O şekilde çalıştırıyorsan da kodda göremiyorum, önerim onload eventini kullanman yönde.

Stereo.Luigi99 · 15 Ekim 2023

Nizel G dedi:
Aa ne görüyorum ben? Rivayete göre hatalı yerin sayfa yüklendiğinde çalışması gerekiyor. O şekilde çalıştırıyorsan da kodda göremiyorum, önerim onload eventini kullanman yönde.

Bütün kodu bir function içerisine alıp window.onload yaptım, düzelmedi.
Nasıl onload yapabileceğimi de anlayabilmiş değilim.

Nizel G · 15 Ekim 2023

Stereo.Luigi99 dedi:
Bu, web sitesinin ana sayfasından başka bir yere tıklayınca oluşuyor ve eklentinin çalışmasına etki etmiyor. Yine de eklentinin tam olarak hatasız çalışması için bunu çözmem gerek.

Aa, şimdi anladım. Ana sayfada çalışıyor, ama başka sayfalarda hata veriyor. Doğru mu?
O zaman başka sayfalardayken çalışmasını engelleyebilir veya eşleşme olmadığında kod yürütmesini durdurabilirsin.

Sayfa kontrolüne örnek olarak, window.location.href sadece https://www.technopat.net/sosyal/ olduğunda çalışmasını sağlayabilirsin.

Eşleşme olmadığında engellemek için de "Rivayet edilen satırdan" önce değişken kontrolü yapabilirsin.

JavaScript:

if (typeof Win11P !== 'undefined') {
    // Doğru yoldayız.
}

Stereo.Luigi99 · 15 Ekim 2023

Nizel G dedi:
Ana sayfada çalışıyor, ama başka sayfalarda hata veriyor. Doğru mu?

Doğrudur.

Nizel G dedi:
Sayfa kontrolüne örnek olarak, window.location.href sadece https://www.technopat.net/sosyal/ olduğunda çalışmasını sağlayabilirsin.

Eşleşme olmadığında engellemek için de "Rivayet edilen satırdan" önce değişken kontrolü yapabilirsin.

JavaScript:

if (typeof Win11P !== 'undefined') { // Doğru yoldayız. }

Kodlar çalıştı, artık hata almıyorum. Eklentinin Windows kısmını bitirdim.
İzin verilen adreslere macOS ve Linux forumunu da eklemem gerek, onun dışında sorun kalmadı.

Çözüldü TypeError: Cannot read properties of undefined (reading 'getElementsByClassName') hatası

Ayrıntılı düzenleme

Stereo.Luigi99

Hectopat

Nizel G

Nizel G

Megapat

Stereo.Luigi99

Hectopat

Nizel G

Megapat

Stereo.Luigi99

Hectopat

Benzer konular