2013-03-21 32 views
0
// 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)); 

結果不能用JavaScript

> hello 
> <span id=​"text0">​Some content I want to replace ​</span>​ 

innerHTML的正確變化,但瀏覽器(和控制檯)仍顯示錯誤內容的變化幅度內容。這是爲什麼?

+0

'this.index'的值是多少?首先檢查它。 – 2013-03-21 14:34:05

+0

的值是正確的,否則它不會進入控制檯。問題在於innerHtml而不是innerHTML。 – Saturnix 2013-03-21 14:40:32

回答

4

這是innerHTML而不是innerHtml

請記住,在JavaScript中一切都區分大小寫。

+0

哦!我第一次嘗試這個,現在它工作正常。謝謝! – Saturnix 2013-03-21 14:31:22

0

您可以通過將字符串設置爲innerHTMLinnerText元素屬性來更改內容。這顯然是什麼財產

0

這將是更好的使用jquery $('#your_id').html('some kind of a text');,但如果js適合你,然後使用innerHTML或innerText,如其他答案中所述。