木子屋
 

标题: Firefox下隐藏表格行不能使用block

作者: dnawo

日期: 2008-02-24 01:35 AM

分类: HTML/CSS

内容: 如下一段代码，在IE下能正常执行，但在Firefox下执行却有点不正常：
HTML代码
function TestBlack(TagName){
var obj = document.getElementById(TagName);
if(obj.style.display=="block"){
obj.style.display = "none";
}else{
obj.style.display = "block";
}
}

Click Me!




Mark

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
有网友说可能是CSS对表格的处理能力比较弱，个人认为不然，因为上边代码在IE却是能正常执行的；也有网友说是因为在Firefox中执行"display:none;"后没有回收"display:block;"开辟的页面空间，下次再执行"display:block;"又会在页面上重新创建显示空间，这种解释也站不住脚，如下代码当在div上使用时Firefox执行是正常的：
HTML代码
function TestBlack(TagName){
var obj = document.getElementById(TagName);
if(obj.style.display=="block"){
obj.style.display = "none";
}else{
obj.style.display = "block";
}
}
Click Me!
Mark

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
目前为止还没找到一个可信的原因，但那并不意味着在在Firefox下就无法动态的显示/隐藏表格行，有细心的网友发现使用'style.display="";'代替'style.display="block";'就能正常执行了：
HTML代码
function TestBlack(TagName){
var obj = document.getElementById(TagName);
if(obj.style.display==""){
obj.style.display = "none";
}else{
obj.style.display = "";
}
}

Click Me!




Mark

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

+ 查看当前日志评论 (0)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

标题: Firefox下隐藏表格行不能使用block

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms