Question

当页面加载css属性class (.page)时，我收到了不受欢迎的display: none，这使得内容不可见。我没有插入任何class(.page)。我试图撤消css属性none来阻止通过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";
   });

}

带有显示的不需要的类：none使内容不可见

1 个答案: