Javascript - 如何更新内部html元素?

时间:2013-04-18 05:08:33

标签: javascript jquery html

我有这样的事情:

var stopwatch = function (item) {
   window.setInterval(function () {
                item.innerHtml = myInteger++;
        }, 1000);
}

此代码应显示myInteger,但不会更新item的值。为什么(item是一个带有文字的div)?

2 个答案:

答案 0 :(得分:6)

可能有很多原因(我们需要查看更多代码),但这是一个有效的例子:

var myInteger = 1,
stopwatch = function (item) {
    window.setInterval(function () {
        item.innerHTML = myInteger++;
    }, 1000);
}
stopwatch(document.querySelector('div'));

重要变化:

  • 致电stopwatch(您可能会这样做)
  • - innerHtml +innerHTML(案件很重要)。设置innerHtml不会出错;它将设置该属性,你不会注意到任何事情。
  • 初始化myInteger

http://jsfiddle.net/Q4krM/

答案 1 :(得分:0)

试试这段代码:

var stopwatch = setInterval(function (item) {
    item.innerHtml = myInteger++;
}, 1000);

这应该有效