javascript - document.getElementById 不适用于 Javascript 的外部文件

Question

显然，我是 JavaScript 的新手，这就是我为我打开它的世界所需要的；

我有 HTML 代码；

<p id = "changetext"> Unlock the universe of JavaScript </p>

如果我使用内联脚本，则可以很好地更改

标签 - document.getElementById('changetext').innerHTML = "欢迎回家！";

但是如果我移动 document.getElementById('changetext').innerHTML = "Welcome HOME!"; 到在我的 HTML 页面中正确链接的外部 JavaScript 文件，它不起作用。甚至我的所有功能都无法从外部文件中运行。唯一有效的是 alert 命令，例如 alert("Here we are!");

任何帮助将不胜感激。

Answer 1

您的文件可能在 DOM 完成加载之前正在执行，因此具有该 id 的元素尚不存在。所有不是用户事件（如点击）结果的 DOM 交互都应在如下块中调用：

window.addEvent('load',function(){
  // Your code here
});

或者如果你使用 JQuery：

$(document).ready(function(){
  // Your code here 
});