javascript - display:none 属性在 Firefox 和 chrome 中不起作用

Question

<tr style="height:5px" id="TRRSHeaderTrialBar" name="TRRSHeaderTrialBar" style='display:none'>
<tr id="TREmail" name="TREmail"  style="height:1px;" nowrap style='display:none'>

我使用上面的代码来隐藏栏，它在 IE 中工作正常，但在 Firefox 和 chrome 中没有，所以我使用了

document.getElementById("TREmail").style.display = "none";
document.getElementById("TRRSHeaderTrialBar").style.display = "none";

TRRSHeaderTrialBar包含标签页并TREmail包含两个按钮。当页面加载时，TRRSHeaderTrialBar工作正常，但TREmail在页面开始加载时显示按钮。加载完成后隐藏。

我想在页面加载时隐藏该按钮。

Answer 1

不得使用多个样式属性。代替

 <tr style="height:5px" ... style='display:none'>

采用

 <tr style="height:5px; display:none">

Answer 2

看你写的html代码就行了；您可以很容易地注意到，两者都有两种样式tr。尝试以下，它可能会工作：

<tr style="height:5px; display:none;" id="TRRSHeaderTrialBar" name="TRRSHeaderTrialBar">
<tr id="TREmail" name="TREmail"  style="height:1px; display:none;" nowrap>

您必须在一个样式标题中应用所有 css 样式，如上面的代码中所述。

Answer 3

varvalidated = document.forms(0).validated.value;

if(varvalidated == 0)
{
    document.getElementById("k1").style.display = "none";
}
else
{
    document.getElementById("t1").style.display = "none";
}