// create text <span>
var text = document.createTextNode("Some content I want to replace... ");
var textspan = document.createElement("span");
textspan.id = "text" + counter;
textspan.appendChild(text)
div.appendChild(textspan);
// edit <span> content
document.getElementById("text" + this.index).innerHtml = 'hello';
console.log(document.getElementById("text" + this.index).innerHtml);
console.log(document.getElementById("text" + this.index));
結果
> hello
> <span id="text0">Some content I want to replace </span>
InnerHtmlは正しく変更されますが、ブラウザー(およびコンソール)は依然として間違ったコンテンツを表示します。何故ですか?