上面写着TypeError:document。getElementById（…）为空[重复]

Question

虽然我将一个参数推送到getElementById，但我想知道这个“IsNull”错误是从哪里来的？

TypeError: document.getElementById(...) is null
[Break On This Error]   

document.getElementById(elmId).innerHTML = value;

Line 75  

除此之外，我想知道为什么标题和时间没有显示，除非我点击这些播放列表图片之一？

Answer 1

这意味着传递给getElementById（）的id元素不存在。

Answer 2

所有这些都会导致null：

document.getElementById('volume');
document.getElementById('bytesLoaded');
document.getElementById('startBytes');
document.getElementById('bytesTotal');

您需要在updateHTML中执行空检查，如下所示：

function updateHTML(elmId, value) {
  var elem = document.getElementById(elmId);
  if(typeof elem !== 'undefined' && elem !== null) {
    elem.innerHTML = value;
  }
}

Answer 3

确保脚本放置在您试图操作的文档的BODY元素的底部，而不是HEAD元素或任何您想要“获取”的元素之前。

不管你是导入脚本还是内联脚本，重要的是位置。您也不必将命令放在函数中；虽然这是一个很好的实践，您可以直接调用它，但它工作得很好。