不需要的类与显示：没有使内容不可见

Question

随着页面加载与css属性display: none，使内容不可见，我越来越不需要class (.page)。我还没有插入任何class(.page)。我试图撤消CSS属性没有通过JS阻止，但它不工作。我无法弄清楚这个问题。真奇怪。

这里是我实际编码的HTML：

<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> 

这我得到的页面加载。请注意两个新的div（.page）。

<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

这里是JS

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

}