外部.js文件无法获取页面元素？

我有一个HTML页面和一个单独的.js文件，该文件包含在页面中并带有<script src="...">标记。外部.js文件无法获取页面元素？

这里是我的.js文件：

element = document.getElementById("test"); 
function sayTest() { 
    alert(element.innerHTML); 
}

当我把在HTML页面上的<script>标签的代码，它工作正常。当我将这段代码放在一个外部的.js文件中，并将它包含在<script src="...">标记中时，它不起作用。

为什么第二种方式无效，我该如何解决？

来源

2014-12-19 Victor2748

它可能与加载js文件有关。您在HTML树中的哪个位置调用该脚本标记？试着在''标签前打电话给它。 – PatoBeltran 2014-12-19 06:04:17

仅在外部脚本的第一行代码中测试并放置警报（'测试'）。在页面的哪个位置加载页眉或页脚？ – 2014-12-19 06:04:59

@PatoBeltran在这两种情况下，

尝试使用这样的：在exeterna.js使用的地方可能是你必须的元素。检查您添加的文件路径，看看文件是否正确添加。

function sayTest() { 
var element = document.getElementById("test"); 
    alert(element.innerHTML); 
} 

call sayTest() onclick.

2014-12-19 06:17:25