無法訪問DOM元素

Question

我編寫了帶有body onload事件的Web應用程序。 我知道這不是最佳選擇，所以我想使用DOMContentLoaded觸發我的init事件。

我有一個奇怪的問題，我無法訪問DOM元素，也不知道為什么：/。

HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <script type="text/javascript" src="main.js"></script>
</head>
<body>
    <div id="test">Hello World</div>
</body>
</html>

JS：

// add event listener
document.addEventListener('DOMContentLoaded', init, false);

function init () {
    // pop up
    alert(document.getElementById(test).innerHTML);
}

有人看到問題了嗎？

Answer 1

您要將未定義的變量 test傳遞給getElementById()函數，而不是字符串值'test' 。

所以

document.getElementById(test); // Incorrect - as an undefined varible

實際上應該是

document.getElementById('test') // Correct - as a string value

要么

var element_id = 'test';
document.getElementById(element_id) // Correct - as a defined variable

Answer 2

在測試周圍添加雙引號，即“ test”

document.addEventListener('DOMContentLoaded', init, false);

function init () {
    // pop up
    alert(document.getElementById("test").innerHTML);
}

Answer 3

如果執行了init函數，則可以在id后面加上引號：

document.getElementById(test)

變成

document.getElementById('test')

無法訪問DOM元素

問題描述

3 個解決方案

解決方案1
3 2013-03-03 14:22:20

解決方案2
2 已采納 2013-03-03 14:22:28

解決方案3
2 2013-03-03 14:26:55

無法訪問DOM元素

問題描述

3 個解決方案

解決方案1 3 2013-03-03 14:22:20

解決方案2 2 已采納 2013-03-03 14:22:28

解決方案3 2 2013-03-03 14:26:55

解決方案1
3 2013-03-03 14:22:20

解決方案2
2 已采納 2013-03-03 14:22:28

解決方案3
2 2013-03-03 14:26:55