0

为什么当我执行一个alert值（见下文）时它会返回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>
4

3 回答 3

2

可能在页面上的元素未加载之前正在执行 javascript，因此选择器没有找到任何内容。您的 javascript 在<body>标签上方吗？试着把它放在后面</body>，看看它对你有什么作用。

另一种解决方案是：

window.onload = function () {
//put all your JS here
}
于 2010-11-14T20:37:47.153 回答
1 
onload = function() {
 // put you code here
}
于 2010-11-14T20:37:48.623 回答
0

您的调用document.getElementById需要在 div 的标记之后。

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

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

于 2010-11-14T20:40:35.623 回答