jscript：可见性/ document.readyState 不工作答案

【问题标题】：jscript: visibility / document.readyState not workingjscript：可见性/ document.readyState 不工作
【发布时间】：2013-11-08 10:34:47
【问题描述】：

我想隐藏内容直到页面完全加载，但我找不到它为什么不起作用的问题。

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

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

【问题讨论】：

标签： stylesheet visibility hidden visible jscript

【解决方案1】：

您的代码中有错字：

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

应该是：

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

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

【讨论】：