Buradasın
JavaScript'te metin gizleme nasıl yapılır?
Yazeka
Arama sonuçlarına göre oluşturuldu
Gizleme fonksiyonu için aşağıdaki adımları izlemek gerekmektedir:
- JavaScript kodu
head
etiketleri arasına yazılır 2:function gizle_g(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; }
- HTML'de gizlenecek metin için bir
button
vediv
elemanı eklenir 3:<button id="toggleButton">Göster/Gizle</button> <div id="content" style="display: none;"> Burası gösterilecek veya gizlenecek içeriktir. </div>
click
olayı içinaddEventListener
yöntemi kullanılır 3:document.getElementById("toggleButton").addEventListener("click", function() { var content = document.getElementById("content"); if (content.style.display === "none") { content.style.display = "block"; } else { content.style.display = "none"; } });
Bu kod,
toggleButtonID'sine sahip butona tıklandığında,
contentID'sine sahip öğenin görüntülenme durumuna göre gizlenmesini veya gösterilmesini sağlar 3.
5 kaynaktan alınan bilgiyle göre: