document.getElementById无法处理Javascript的外部文件

Question

显然我是JavaScript的新手，这就是我需要为我解锁它的宇宙;

我有和HTML代码;

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

如果我使用内联脚本，它可以正常更改

标签的innerHTML -              document.getElementById（＆＃39; changetext＆＃39;）。innerHTML =＆＃34;欢迎回家！＆＃34 ;;     

但是如果我移动document.getElementById（＆＃39; changetext＆＃39;）。innerHTML =＆＃34; Welcome HOME！＆＃34 ;;对于在我的HTML页面中正确链接的外部JavaScript文件，它不起作用。甚至我的所有功能都不能从外部文件中运行。唯一有效的是警报命令，如警报（＆＃34;我们在这里！＆＃34;）;

任何帮助都将深表感谢。

Answer 1

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

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

或者如果你使用JQuery：

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