我想隐藏一些东西，并在加载文档后显示其他东西

Question

我的代码有什么问题，它给了我以下错误 “ TypeError：无法读取null的属性'style'”

var container = document.getElementById('container');
var loading = document.getElementById('loading');       
function show(){
    loading.style.display = 'none';
    container.style.display = 'initial';
}
document.body.onload = show();

Answer 1

Javascript从页面的顶部开始执行。失败的原因有两个，一个是“容器”和“加载” ID不存在的原因，另一个是函数在加载HTML之前执行的位置。

如果将代码段放在页面底部，则在HTML加载后，它可能会起作用。

另外，立即执行功能的一种有用方法是

(function() {
    //some code
})();

这样，您不必为document.body.onload使用多余的行。

Answer 2

尝试一下，它应该起作用

Error in [.default (TM, transitions) : subscript out of bounds

Answer 3

您可以尝试这种方式-

var container = document.getElementById('container'); var loading = document.getElementById('loading'); document.body.onload = function(){ loading.style.display = 'none'; container.style.display = 'initial'; }