我的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。 最佳答案
尝试使用Jquery's method .text
根据浏览器(Firefox和Chrome浏览器),innerHTML不起作用
JQuery为您解决了这个问题。
关于javascript - 为什么与相同的字符串值相比,innerHTML不返回true?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11584542/