Question

我希望在页面完全加载之前隐藏内容，但是我无法找到问题的原因。

警报显示，但内容不显示。

<!DOCTYPE html>
<html>
<head>

<style>
#content{
    visibility:hidden;
}
</style>

<script type="text/javascript"> 
    checkLoad();
    function checkLoad(){
        if (document.readyState === "complete"){
            document.getElementById("content").style.visiblity = 'visible';
            alert(document.getElementById("content").style.visiblity);
        } else {
            setTimeout('checkLoad();', 1000)
        }
    }
</script>
</head>
<body>
    <div id="content">
        <div id='tc1'>Content Text</div>
    </div>
</body>
</html>

Answer 1

你的代码中有一个拼写错误：

document.getElementById("content").style.visiblity = 'visible';

应该是：

document.getElementById("content").style.visibility = 'visible';

（请注意缺少 i 的可见性）

jscript：visibility / document.readyState无效

1 个答案: