它表示TypeError：Document.GetElementById(…)为null[重复]

Question

虽然我推了一个参数到getElementById，但我想知道这个'is null'错误是从哪里来的？

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

document.getElementById(elmId).innerHTML = value;

Line 75  

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

Answer 1

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

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

Answer 2

所有这些将导致为空:

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

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

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