为什么与相同的字符串值相比，innerHTML 不返回 true？答案

【问题标题】：why innerHTML does not return true when compared with same string value?为什么与相同的字符串值相比，innerHTML 不返回 true？
【发布时间】：2012-07-20 00:52:52
【问题描述】：

我的 html 页面上有两个表，它们的数据完全相同，但可能需要突出显示的差异很小。我和使用下面的 Javascript 但似乎 innerHTML 不能按预期工作-

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，即使所有值都相同。

【问题讨论】：

你为什么不做一个console.log的两个值，看看

标签： javascript html innerhtml

【解决方案1】：

大多数浏览器都有innerHTML 的错误，不推荐使用它。不同的浏览器会做不同的事情，通常会混淆空格、添加/删除引号和/或更改属性的顺序。

长话短说，永远不要依赖innerHTML。

我会推荐使用一些 DOM 遍历函数，例如 .firstChild 和 .nodeValue。请注意，这些对空白很敏感，如果您的 TD 中除了文本之外还有其他内容，则必须对其进行调整。

http://jsfiddle.net/tdN5L/

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

正如 Micah 的解决方案所指出的，另一种选择是使用 jQuery 等库，它可以让您忽略大部分浏览器问题和 DOM 操作问题。不过，我不建议只为这个问题引入 jQuery 的开销。