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

document.getElementById is not working on Javascript's external file

本文关键字:外部 文件 getElementById 不适用 适用于 Javascript document      更新时间:2023-09-26

很明显,我是JavaScript的新手,这正是我解锁其宇宙所需要的;

我有和HTML代码;

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

如果我使用内联脚本,那么更改

标记的innerHTML就可以了document.getElementById('changetext').innerHTML="欢迎回家!";

但如果我移动document.getElementById('changetext').innerHTML="欢迎回家!";到在我的HTML页面中正确链接的外部JavaScript文件,它不起作用。甚至我的所有函数都不能从外部文件中工作。唯一有效的是alert命令,比如alert("我们来了!");

如有任何帮助,我们将不胜感激。

您的文件可能在DOM加载完成之前就被执行了,所以具有该id的元素还不存在。所有不是用户事件(如点击)结果的DOM交互都应该在如下块中调用:

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

或者如果您使用JQuery:

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