javascript - 无法使用 JavaScript 更改跨度内容

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 ​&lt;/span>​

InnerHtml 更改正确，但浏览器（和控制台）仍然显示错误的内容。这是为什么？

Answer 1

是innerHTML，不是innerHtml。

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

Answer 2

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

Answer 3

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