javascript ile tüm divs gizle

Question

Sadece Javascript kullanarak, sayfadaki tüm divleri gizlemek nasıl merak ediyorum, Jquery kullanamıyorum. Document.getElementByTag ile birlikte gelen dizileri kullanmadan bunu yapmanın bir yolu var mı? Yoksa yoksa, hepsini nasıl saklayacağımı gösterebilir misin? Teşekkürler!

Answer 1

Kullanım getElementsByTagName() tüm div elemanların listesini almak ve sonra none onların CSS display özelliği ayarlamak için.

var divs = ​document.getElementsByTagName("div");​ 
for (var i = 0; i < divs.length; i++) { 
    divs[i].style.display = 'none';   
} 

DEMO.

Answer 2

Sen tüm öğeleri işlemek için bir for döngüsü kullanın ardından document.getElementsByTagName kullanın ve gerekecektir

:

var divs = document.getElementsByTagName('div'); 
for(var i = 0; i < divs.length; i++) { 
    divs[i].style.display = "none"; 
} 

Answer 3

Sadece burada tamamen farklı bir çözüm söndürmek için.

Bu

body.hideDivs DIV { 

    display: none; 

} 

document.body.className = "hideDivs"; 

gibi, vücudunuza bir CSS sınıfı ayarlayabilirsiniz Ama bu burada ne gidiyorsun olmayabilir zamanda bu div içinde her şeyi gizlemek olacaktır.