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

您must not使用多个样式属性。而不是

 <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";
}

display：none属性在firefox和chrome中不起作用

3 个答案: