Невозможно изменить содержание диапазона с 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 ​</span>​ 

InnerHtml правильно меняется, но браузер (и консоль) по-прежнему отображать неверное содержание. Почему это?

Answer 1

Это innerHTML, а не innerHtml.

Помните, что в Javascript все чувствительно к регистру.

Answer 2

Вы можете изменить содержимое, установив строку в innerHTML или innerText Свойства элемента. Очевидно, какое свойство для него существует

Answer 3

Лучше использовать jquery $('#your_id').html('some kind of a text');, но если js подходит вам, то используется внутреннийHTML или innerText, как указано в других ответах.