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.
KATEGORİ
- HTML
- CSS
- PHP
- JQUERY
- PHOTOSHOP
- JavaScript
- Web Dünyası
- Linux
- MİTHRİL FRAMEWORK
- Laravel
POPÜLER MAKALE
- HTML LİNK(Bağlantı)EKLEME - LİNK VERME
- HTML YAZI VE RESİM ORTALAMA
- HTML RESME LİNK VERME
- HTML DİV ve SPAN NEDİR?
- HTML FORM OLUŞTURMA
- HTML RESİM EKLEME
- HTML KAYAN RESİM VE Marguee KULLANIMI
- CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
- HTML ARKAPLANA MÜZİK EKLEME
- CSS YATAY MENÜ YAPIMI
ETİKET