爲什麼innerHTML與相同的字符串值比較時不會返回true？

我在我的html頁面上有兩個表格，裏面有完全相同的數據，但可能有幾點差異需要突出顯示。我使用下面的Javascript支持，但是似乎innerHTML的不工作作爲expected-爲什麼innerHTML與相同的字符串值比較時不會返回true？

function CompareTables() 
{ 
var table1 = document.getElementById("table1") 
var table2 = document.getElementById("table2") 



for(var i=1; i < table1.rows.length; i++) 
{ 
    for(var j=1; j < table2.rows.length; j++){ 
     var tab1Val = table1.rows[i].cells[0].innerHTML; 
     var tab2Val = table2.rows[j].cells[0].innerHTML; 
     alert(tab1Val.toUpperCase()+"----"+tab2Val.toUpperCase()); 

     var changes =RowExists(table2,tab1Val); 

     if(!changes[0]) 
     { 
     table1.rows[i].style.backgroundColor = "red"; 
     instHasChange = true; 
     } 
} 
function RowExists(table,columnValue) 
{ 
var hasColumnOrChange = new Array(2); 
hasColumnOrChange[0] = false; 
    for(var i=1; i < table.rows.length; i++) 
{ 

if(table.rows[i].cells[0].innerHTML == columnValue) /*** why these two does not match**/ 
{ 
    hasColumnOrChange[0] = true; 
    } 
return hasColumnOrChange; 
} 
}

請建議什麼錯在這裏。即使所有值都相同，（table.rows[i].cells[0].innerHTML == columnValue）也不會返回true。

來源

2012-07-20 sana

你爲什麼不去做這兩個值的的console.log，看看 – Ibu 2012-07-20 17:59:38

嘗試使用Jquery's method .text

根據不同的瀏覽器（Firefox和Chrome的）的innerHTML不起作用

JQuery的需要照顧的問題的爲您服務。

來源

2012-07-20 18:01:12

最終我實現了代碼的jQuery。感謝所有的幫助和建議。 – sana 2012-07-31 16:04:03

大多數瀏覽器有innerHTML的錯誤，它不是推薦使用的屬性。不同的瀏覽器會做不同的事情，通常會混淆空白，添加/刪除引號和/或更改屬性的順序。

長話短說，永不依靠innerHTML。

在這裏，我會推薦使用一些DOM遍歷功能，例如.firstChild和.nodeValue。請注意，這些空白區域非常敏感，如果您的TD中還有其他內容，而不僅僅是文本，就必須進行調整。

http://jsfiddle.net/tdN5L/

if (table.rows[i].cells[0].firstChild.nodeValue === columnValue)

另一種選擇，由彌的解決方案指出，使用庫如jQuery，這將讓你忽略大部分的這些瀏覽器的問題和DOM操作疼痛。不過，我不建議僅爲這個問題引入jQuery的開銷。

相關：

Firefox innerHTML Bug?

innerHTML bug IE8

innerHTML removes attribute quotes in Internet Explorer

來源

2012-07-20 18:02:37 jbabey

爲什麼innerHTML與相同的字符串值比較時不會返回true？

回答

相關問題