javascript - InnerHTML content is different then actually seen on screen -

i have dynamically created span elements listen onkeyup action.

for example: when user types textbox, should replace text inside <span> too.

lets create n elements of span.

n-1 of works perfectly, last one not.

when use inspect element (chrome browser) , make call

document.getelementbyid("span...").innerhtml 

i see new text, on screen still see old one.

my code: 1. part when dynamically create text inputs

titleinput.onkeyup = (function ()  {    var inputobject = titleinput;    var chartindex = numberoftds; return function () {             updatetitleinmagnifiedview(inputobject, chartindex);  } })(); 

1. updatetitleinmagnifiedview - function updates span elemnts document.getelementbyid("title_magnified_" + chartindex).innerhtml = inputobject.value;