Question

我的网页上共有15个表格。我需要在加载此页面时隐藏所有这些内容。我想这样做：但它不起作用。有人可以帮帮我吗？

 window.onload = function() {
        var tableEL = $("table");
         for (var i = 0; i < tableEL.length; i++) {
        tableEL[i].hide();

        }
    };

Answer 1

$(document).ready(function() {
  $('table').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<table><tr><td>1</td></tr></table>
<table><tr><td>2</td></tr></table>
<table><tr><td>3</td></tr></table>
<table><tr><td>4</td></tr></table>

jQuery中的

$('table').hide();会产生这种效果。确保在文档完全加载后执行此操作，否则表将不会加载到DOM中，然后jQuery将尝试在表存在之前隐藏它们。

Answer 2

window.onload = function(){
  document.getElementsByTagName("table").style.display = 'none';
};

希望这可以帮到你。

加载网站时隐藏所有内容

2 个答案: