ITKeyword,专注技术干货聚合推荐

注册 | 登录

Mozilla Firefox中执行JS脚本style.display=block的问题

菜单显示页,代码如下:<html><head><title>display</title><script type="text/javascript"><!--

function show(id){

var msg=document.getElementById("submenu"+id);

if(msg.style.display=="none")

msg.style.display="block";

else

msg.style.display="none";

}//--></script></head><body><table width="100%" >

<tr width="100%">

<td width="100%">

<font style="cursor:hand;" onclick="show(1)">

菜单一

</font>

</td>

</tr>

<tr id="submenu1" style="display:none;">

<td>

<table>

<tr>

<td>子菜单a</td>

</tr>

<tr>

<td>子菜单b</td>

</tr>

</table>

</td>

</tr>

<tr width="100%">

<td width="100%">

<font style="cursor:hand;" onclick="show(2)">

菜单二

</font>

</td>

</tr>

<tr id="submenu2" style="display:none;">

<td>

<table>

<tr>

<td>子菜单c</td>

</tr>

<tr>

<td>子菜单d</td>

</tr>

</table>

</td>

</tr></table></body><html>问题:在Firefox中执行后"display:none;"没有回收"display:block;"开辟的页面空间,下次再执行"display:block;"又会在页面上重新创建显示空间。原因:The reason it "appears" to work with IE is probably because IE iserror-correcting the display property for you.As others have implied, IE has no concept of the table-row value. In fact,Microsoft's documentation(<URL:http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp>)clearly states that all block-like elements (with a few exceptions) have'block' as their display value, contrary to specification.解决:将代码msg.style.display="block";修改为msg.style.display="";

菜单显示页,代码如下:<html><head><title>display</title><script type="text/javascript"><!--??? function show(id){??? ??? var msg=document.getElementById("submenu"+id);??? ?...

相关阅读排行


用户评论

游客

相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。