HTML Nesneyi Gizleme Ve Gösterme İşlemleri

Bu makalede sizlere günümüz yaygın teknolojilerinden Javascript kullanarak basit ve kullanışlı fonksiyon yazarak nesneyi gizleme ve gösterme işlemlerinin nasıl yapıldığını anlatacağım.

JavaScript kullanarak bir öğenin görünürlüğünü kontrol edebilir ve HTML öğesini görünürlüğüne göre gösterebilir veya gizleyebilirsiniz.

Aşağıdaki kod snippet'i görünürlüğü kontrol eder ve HTML öğesini JavaScript ile göster ve gizle arasında geçiş yapar.

Bir öğenin gizli olup olmadığını kontrol etmek için JavaScript stili display özelliğini kullanın.
Öğe görünmezse, görüntüleyin, aksi takdirde gizleyin.

javascript kodları <head> </head> etiketleri arasına yazın.

Javascript:


<script type="text/javascript">
    function gizle_g(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }

</script>

HTML: Resmin özelliğine style="display:block" verin.


<button onclick="gizle_g('test');">Gizle-Göster</button>

<img id="test" src="manzara.jpg" style="display:block">

ÇIKTI:

Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

KATEGORİ

HTML
CSS
PHP
JQUERY
PHOTOSHOP
JavaScript
Web Dünyası
Linux
MİTHRİL FRAMEWORK
Laravel
Git
React

POPÜLER MAKALE

HTML LİNK(Bağlantı)EKLEME - LİNK VERME
HTML YAZI VE RESİM ORTALAMA
HTML RESME LİNK VERME
HTML FORM OLUŞTURMA
HTML RESİM EKLEME
HTML DİV ve SPAN NEDİR?
CSS YATAY MENÜ YAPIMI
CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
HTML ARKAPLANA MÜZİK EKLEME
KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME

ETİKET