为什么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的开销。

为什么innerHTML与相同的字符串值比较时不会返回true？

回答

相关问题