外部.js文件無法獲取頁面元素？

Question

我有一個HTML頁面，以及一個單獨的.js文件，該文件包含在頁面中並帶有<script src="...">標記。

這是我的.js文件：

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

當我將此代碼放在html頁面的<script>標記中時，它可以正常工作。 當我將此代碼放置在外部.js文件中，並將其包含在<script src="...">標記中時，它將不起作用。

為什么第二種方法不起作用，我該如何解決？

Answer 1

~~Javascript可能在DOM加載所有內容之前運行。~~

~~您應該能夠包裝它，以便它在DOM加載后運行。~~

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

~~您實際在哪里調用sayTest函數？~~ ~~如果我運行以下命令，它將正常工作~~

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

有了您所提供的信息。 以下應該工作。

index.html文件

 <!DOCTYPE html> <html> <body> <button onclick="sayTest()">Click Me!</button> <p id="test">Hello World!</p> <script src="script.js" ></script> </body> </html>

script.js文件

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

Answer 2

嘗試像這樣使用：可能是您在exeterna.js中使用了某個元素。 檢查您要添加的文件路徑，並查看文件添加是否正確。

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

call sayTest() onclick.

外部.js文件無法獲取頁面元素？

問題描述

2 個解決方案

解決方案1
1 已采納 2014-12-19 06:05:58

解決方案2
1 2014-12-19 06:17:25

外部.js文件無法獲取頁面元素？

問題描述

2 個解決方案

解決方案1 1 已采納 2014-12-19 06:05:58

解決方案2 1 2014-12-19 06:17:25

解決方案1
1 已采納 2014-12-19 06:05:58

解決方案2
1 2014-12-19 06:17:25