Javascript'te Element gösterme / gizleme

Silverday

Altın Üye
Altın Üye
Katılım
3 May 2006
Mesajlar
3,551
Reaction score
0
Puanları
0
Konum
sakarya
merhabalar;

javascriptte yapacağımız kodlarla fonksiyonu çalıştırdığımızda ilgili html kodunu gizleme, gösterme özelliğini öğreneceğiz.

bir örnekle başlayalım

javascript:

Kod:
function GosterGizle(element) {

//## Silverday @ Hackhell
//## 22:32 25.09.2008

// fonksiyonu çalıştırırken içine yazılan element ID'si
var element = document.getElementById(element);

// element gizli ise göster
if(element.style.display == "none") {
element.style.display = "block";
}

// element gösteriliyorsa gizle
else {
element.style.display = "none";
}

}

html:

HTML:
<a href="#" onclick="GosterGizle('switch');">Göster/Gizle</a>
<div id="switch"><br><br>Örnek Yazı</div>

göster/gizle'ye tıklandğınızda örnek yazı, gizlenip; gösterilecektir.

silverday*
 
Geri
Üst