修改使用innerHTML创建的元素的innerHTML

Question

基本上，我有一个div，我用innerHTML插入内容。插入的HTML片段是：

<p style="text-align:center;"><span class="bold" id="timer">00:00:00:0</span></p>

这是一个应该使用setTimeout递增的计时器。稍后，我调用以下函数来修改计时器块：

document.getElementById("timer").innerHTML = output;

当使用Firebug或警告检查innerHTML属性时，span元素的innerHTML正在递增（例如，它将说“00：00：10：6”或“00：01：01：4”）。但是，该页面并未反映出这些变化;浏览器仍显示00：00：00：0。

我尝试将跨度直接放在页面上，而不是通过使用innerHTML修改div，然后才能使用它。反正是否可以在div上使用innerHTML？

编辑：页面是----- 尝试使用Firebug或Chrome控制台检查以下内容：

document.getElementById('bunny-timer').innerHTML

编辑2：删除了网址。

Answer 1

在没有看到代码的情况下，我最好的猜测是你不小心创建了重复的id，而你看到的元素与你正在检查的元素不同。

Answer 2

看看这个：http://plugins.jquery.com/project/timers。因为你已经使用了很多jQuery，为什么不玩他们的计时器功能呢？他们似乎做得很好。