Javascript - how to update elements inner html?

Question

I have something like this:

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

This code was supposed to display myInteger, but it is not updating values of item. Why (item is a div with text inside)?

Name of the property is innerHTML not innerHtml. Supposing item is a DOM Element object. — Ram
– Ram, Commented Apr 18, 2013 at 5:11

Explosion Pills · Accepted Answer · 2013-04-18 05:14:30Z

6

There could be a lot of reasons (we need to see more of your code), but here is a working example:

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

Important changes:

Calling stopwatch (you probably do this)
- innerHtml +innerHTML (the case matters). You won't get an error for setting innerHtml; it will set that property and you won't notice anything.
Initialize myInteger.

http://jsfiddle.net/Q4krM/

answered Apr 18, 2013 at 5:14

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ojek Over a year ago

I have basically the same code as you do, yet it still doesn't work for me... I hate javascript with every inch of my body..

Explosion Pills Over a year ago

@ojek can you create an example on jsfiddle.net?

ojek Over a year ago

Dude don't tell me this works... It is not working on my site, ffs... Now I think that this is because the windows that I am using this on, is dynamically created? Is that it?

Vicky Gonsalves · Accepted Answer · 2013-04-18 05:16:26Z

0

Try this code :

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

This should work

answered Apr 18, 2013 at 5:16

Vicky Gonsalves

11.8k3 gold badges39 silver badges58 bronze badges

Collectives™ on Stack Overflow

Javascript - how to update elements inner html?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related