无法使用JavaScript更改span内容

Question

// 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正确更改但浏览器（和控制台）仍显示错误的内容。那是为什么？

Answer 1

它是innerHTML，而不是innerHtml。

请记住，在Javascript中，所有内容都区分大小写。

Answer 2

您可以通过将字符串设置为innerHTML或innerText元素属性来更改内容。显然，这是什么属性

Answer 3

最好使用jquery $('#your_id').html('some kind of a text');，但如果js适合你，则使用innerHTML或innerText，如其他答案中所述。