gpt4 book ai didi

javascript - 为什么 innerHTML 在与相同的字符串值比较时不返回 true?

转载 作者:行者123 更新时间:2023-11-30 08:58:13 24 4
gpt4 key购买 nike

我的 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。

最佳答案

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

长话短说,永远不要依赖 innerHTML

在这种情况下,我建议使用一些 DOM 遍历函数,例如 .firstChild.nodeValue .请注意,这些对空白很敏感,如果您的 TD 中有任何其他内容而不仅仅是文本,则必须进行调整。

http://jsfiddle.net/tdN5L/

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

另一种选择,如 Micah 的解决方案所指出的,是使用 jQuery 等库,它可以让您忽略大多数这些浏览器问题和 DOM 操作痛苦。不过,我不建议仅仅为了这个问题引入 jQuery 的开销。

相关:

Firefox innerHTML Bug?

innerHTML bug IE8

innerHTML removes attribute quotes in Internet Explorer

关于javascript - 为什么 innerHTML 在与相同的字符串值比较时不返回 true?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11584542/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com