为什么我的元素为空？

Question

为什么当我对值进行警报（见下文）时，它返回null？当具有该 ID 的元素存在时？

// make reference to divs
var countdown_timer = document.getElementById("countdown_timer");
var countdown_image = document.getElementById("countdown_image");

// For element manipulation

if (type == 'image') {
    var element = countdown_image;
} else if (type == 'timer') {
    var element = countdown_timer;
}

alert(countdown_timer);

div如下..

<div class="timer" id="countdown_timer"></div>

Answer 1

javascript 可能在页面上的元素未加载之前执行，因此选择器找不到任何内容。您的 javascript 是否位于 标记之上？尝试将其放在 之后，看看它对您有何作用。

另一个解决方案是：

window.onload = function () {
//put all your JS here
}

Answer 2

onload = function() {
 // put you code here
}

Answer 3

您对 document.getElementById 的调用需要位于 div 标记之后。

<div class="timer" id="countdown_timer"></div>
<script type="text/javascript">
var countdown_timer = document.getElementById("countdown_timer");
 ...
</script>

或者，您可以使用 window.onload 事件，这将是更好的方法。