JavaScript compare Element.style.display

JavaScript compare Element.style.display

本文关键字：display style Element compare JavaScript      更新时间：2023-09-26

我有一个页面，上面有很多元素，如下所示：

<tr class="blah" style="Display:none;">

当我遇到像上面这样的元素时，我想对它进行一些处理。我遇到的问题是"if子句"永远不会返回真值。警报将显示"none"（无引号）。我希望"if子句"的求值结果为true。我尝试过使用"=="并在显示后添加".ToString（）"。这不起作用。

var rows = document.getElementsByTagName("tr");
for(var i=0; i < rows.length; i++) { 
    alert(rows[i].style.display);
    if (rows[i].style.display === "none") { 
        //Do some stuff 
        //Code never gets here. 
    }
}

为什么"if子句"中的比较结果总是为false？

对我来说，它非常适合你的代码，试着在if子句后面放一个警告。
建议使用display而不是display

<tr class="blah" style="display:none;">

我在jsfiddle中试用了您的代码，它运行良好，请查看http://jsfiddle.net/HygdL/

var rows = document.getElementsByTagName("tr");
for(var i=0; i < rows.length; i++) { 
    if (rows[i].style.display === "none") { 
        alert('okay, its works!');
    }
}
相关文章：