javascriptですべてのdivを非表示

Question

Javascriptのみを使用してページ上のすべてのdivを非表示にする方法は不思議ですが、Jqueryを使用することはできません。 document.getElementByTagに付属の配列を使用せずにこれを行う方法はありますか？そうでない場合は、すべてを隠す方法を教えてもらえますか？ありがとう！

Answer 1

getElementsByTagName()を使用してすべてのdiv要素のリストを取得し、CSS displayプロパティをnoneに設定します。

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

DEMO。

Answer 2

あなたはdocument.getElementsByTagNameを使用する必要があり、その後、すべての要素を処理するために、forループを使用します。ただ、ここでは全く異なる解決策を出し

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

Answer 3

を。

あなたはこの

body.hideDivs DIV { 

    display: none; 

} 

document.body.className = "hideDivs"; 

のように、あなたの体にCSSクラスを設定することができますしかし、これはあなたがここにのために行くしているものではないかもしれませんまた、これらのdiv、内部のすべてを非表示にします。