不要なクラスの表示：なしコンテンツを非表示にする

Question

コンテンツが表示されないようにするには、display: noneというCSSプロパティを持つページが読み込まれるため、不要なclass (.page)が表示されています。私はclass(.page)を挿入していません。私はCSSを介してブロックするCSSプロパティを元に戻そうとしましたが、動作しません。私は問題を理解することはできません。おかしいです。

<div class="deck-background"></div> 
<div id="page"> 
    <div id="main"> 
     <div id="content" class="column" role="main"> 
      <a id="main-content"></a> 
       <the main html content sits here> 
     </div> 
    </div> 
</div> 

このIは、ページが読み込まとして取得しています：ここで

は、私が実際にコード化されたhtmlです。クラス（.page）を持つ2つの新しいdivに注意してください。ここで

<div class="deck-background"></div> 
<div id="page"> 
    <div id="main"> 
     <div id="content" class="column" role="main"> 
      <div class="page" style="display: block;"> 
       <a id="main-content"></a> 
      </div> 
      <div class="page" style="display: none;"> 
      <the main html content sits here> 
      </div> 
     </div> 
    </div> 
</div> 

はJSである：ここでは

<script type="text/javascript"> 


    window.onload = function() { 
     function showHide(id) { 
    var el = document.querySelectorAll('.page') 
    if(el && el.style.display == 'block')  
     el.style.display = 'none'; 
    else 
     el.style.display = 'block'; 
} 
    } 
</script> 

Answer 1

はあなたにも、余分なdiv要素を追加し、あなたのHTMLページにスクリプトを持っているようにJS

window.onload = function() { 
var nodes = document.querySelectorAll('.page'); 
[].forEach.call(el, function(el){ 
    el.style.display = "block"; 
    }); 

}