Sayfa Da Yazı Resim Engelleme Javascript

Sayfa’da Yazı Resim Engelleme JavaScript:

JavaScript, web sayfalarına etkileşim ve dinamiklik eklemek için kullanılan bir programlama dilidir. JavaScript ile, web sayfalarında çeşitli işlemler gerçekleştirilebilir. Bu işlemlerden biri de, sayfadaki belirli öğeleri engellemektir. Örneğin, bir web sayfasında bulunan yazı veya resimleri JavaScript ile engelleyebilirsiniz.

Sayfadaki Yazı ve Resimleri Engelleme

Sayfadaki yazı ve resimleri engellemek için, öncelikle bu öğelerin HTML kodlarını bulmanız gerekir. HTML kodlarını bulduktan sonra, bu kodları JavaScript ile gizleyebilirsiniz. Örneğin, aşağıdaki JavaScript kodu, sayfadaki tüm yazı ve resimleri gizler:

javascript
document.querySelectorAll("p, img").forEach(function(element) {
element.style.display = "none";
});

Bu kodu, web sayfanızın <head> bölümüne eklediğinizde, sayfadaki tüm yazı ve resimler gizlenecektir.

Belirli Yazı ve Resimleri Engelleme

Bazı durumlarda, yalnızca belirli yazı ve resimleri engellemek isteyebilirsiniz. Örneğin, bir web sayfasında bulunan belirli bir reklamı veya resmi engellemek isteyebilirsiniz. Belirli yazı ve resimleri engellemek için, öncelikle bu öğelerin CSS sınıflarını veya kimliklerini bulmanız gerekir. CSS sınıflarını veya kimliklerini bulduktan sonra, bu öğeleri JavaScript ile gizleyebilirsiniz. Örneğin, aşağıdaki JavaScript kodu, sayfadaki “.reklam” sınıfına sahip tüm öğeleri gizler:

javascript
document.querySelectorAll(".reklam").forEach(function(element) {
element.style.display = "none";
});

Bu kodu, web sayfanızın <head> bölümüne eklediğinizde, sayfadaki tüm “.reklam” sınıfına sahip öğeler gizlenecektir.

Faydalı Siteler ve İlgili Dosyalar

Yayımlandı

kategorisi