我有一个家谱网站，可以生成完整的树（可能显示数千名成员），这需要一些时间才能弄清楚。因此，在加载时，它会显示一棵正在生长的树的图片，准备好后，它会显示实际的家谱。在 Firefox 中工作正常，但在 Chrome 中加载时会生成一个空页面。
我是这样做的：
html:
<body onload='JavaScript:show();'> <div id='loader'>...<img ...></div> <div id='tree' class='hidden'>... tree ...</div>CSS：
`.hidden {display: none;}`
Javascript：
`function show()
{
let temp = document.getElementById ('loader');
let tree = ocument.getElementById('tree');
temp.hidden = true;
dump.hidden = false;
dump.style.display = 'block';
}`
我期望在 Chrome 中得到与 Firefox 中相同的结果。 FF 显示加载后的构建树，但 Chrome 显示空白页面。
您的 JavaScript 函数中似乎存在类型错误。 而不是这个：
let tree = ocument.getElementById('tree');
将您的代码更新为：
let tree = document.getElementById('tree');
但是，在您的函数中，
**dump**function show() {
let temp = document.getElementById('loader');
let tree = document.getElementById('tree');
temp.hidden = true;
tree.hidden = false;
tree.style.display = 'block';
}