Javascript 为什么innerHTML与相同的字符串值比较时不返回true?
我的html页面上有两个数据完全相同的表,但可能有一些差异需要突出显示。 我使用了下面的Javascript,但似乎innerHTML没有按预期工作-Javascript 为什么innerHTML与相同的字符串值比较时不返回true?,javascript,html,innerhtml,Javascript,Html,Innerhtml,我的html页面上有两个数据完全相同的表,但可能有一些差异需要突出显示。 我使用了下面的Javascript,但似乎innerHTML没有按预期工作- function CompareTables() { var table1 = document.getElementById("table1") var table2 = document.getElementById("table2") for(var i=1; i < table1.rows.length; i++) {
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;
}
}
函数比较表()
{
var table1=document.getElementById(“table1”)
var table2=document.getElementById(“表2”)
对于(变量i=1;i
请说明这里出了什么问题。
(table.rows[i].cells[0].innerHTML==columnValue
)即使所有值都相同,也不会返回true。请尝试使用
取决于浏览器(Firefox和Chrome),innerHTML不起作用
JQuery为您解决了这个问题。尝试使用
取决于浏览器(Firefox和Chrome),innerHTML不起作用
JQuery为您解决了这个问题。大多数浏览器都有
innerHTML的bug,不建议使用它。不同的浏览器会做不同的事情,通常会弄乱空白、添加/删除引号和/或更改属性的顺序
长话短说,永远不要依赖innerHTML
在这里,我建议使用一些DOM遍历函数,比如和。请注意,这些函数对空白敏感,如果TD中除了文本之外还有其他内容,则必须对其进行调整
另一种选择,正如Micah的解决方案所指出的,是使用jQuery这样的库,这样可以让您忽略大多数浏览器问题和DOM操作的痛苦。不过,我不建议仅为这个问题引入jQuery的开销
相关的:
大多数浏览器都有innerHTML
的错误,建议不要使用它。不同的浏览器会做不同的事情,通常会弄乱空白、添加/删除引号和/或更改属性的顺序
长话短说,永远不要依赖innerHTML
在这里,我建议使用一些DOM遍历函数,比如和。请注意,这些函数对空白敏感,如果TD中除了文本之外还有其他内容,则必须对其进行调整
另一种选择,正如Micah的解决方案所指出的,是使用jQuery这样的库,这样可以让您忽略大多数浏览器问题和DOM操作的痛苦。不过,我不建议仅为这个问题引入jQuery的开销
相关的:
为什么不做两个值的console.log并查看为什么不做两个值的console.log并查看最后我在jquery中实现了代码。谢谢大家的帮助和建议。最后我在jquery中实现了代码。谢谢大家的帮助和建议。
if (table.rows[i].cells[0].firstChild.nodeValue === columnValue)