`

firefox显示隐藏的tr

 
阅读更多

以下这段代码在ie下工作的很好,可是ff不行;

functiontoggleTableRow()...{

vartr1=document.getElementById('tr1');
if(tr1.style.display=='none')...tr1.style.display='block';
else... tr1.style.display='none';
return
false;

}


哪里错了呢:if (tr1.style.display=='none') {tr1.style.display='block';} 这行吧block 改成 table-row 就好了。
ff对table的tr的display定义比较规范严格,所以需要设置tr1.style.display='table-row';当然也可以简单的这样设置tr1.style.display=‘’,意思是设置为默认的现实属性,而不是block.

为什么ie是好呢?网上说是因为ie能够修正你设置的 类block元素 的display属性(设置错了也不要紧:()
具体看这里:http://rubyol.javaeye.com/blog/140870
分享到:
评论

相关推荐

    firefox TBODY 用js显示和隐藏时出现错位的解决方法

    今天帮别人写一个网页,发现:当用javascript动态设置tr.style.display = "block"显示某行时,使用IE浏览没有问题,但使用firefox浏览时该行被移到了其它行的后面,很是诧异。

    CSS的下拉菜单,支持IE6 IE7 Firefox

    ### CSS的下拉菜单,支持IE6 IE7 Firefox #### 概述 本文将详细介绍一个兼容Internet Explorer 6(IE6)、Internet Explorer 7(IE7)以及Firefox浏览器的纯CSS下拉菜单实现方法。该下拉菜单不仅具有良好的跨浏览器...

    word-wrap在firefox中不起作用的解决方法

    在某些情况下,`word-wrap: break-word` 在Firefox中可能不会按照预期工作,导致内容无法正常显示。本文将详细介绍这个问题以及如何解决。 首先,让我们理解`word-wrap`属性的工作原理。`word-wrap`有两个主要值:`...

    js 颜色选择器(兼容firefox)

    本文要介绍的是一个基于JavaScript开发的兼容Firefox浏览器的颜色选择器。该选择器主要通过HTML、CSS和JavaScript技术实现,并可以嵌入到网页中供用户选择颜色使用。 ### HTML结构 首先,HTML部分定义了颜色选择器...

    兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现–简短版

    这些事件在JavaScript中广泛用于创建交互式的用户界面,例如改变背景色、显示隐藏信息等。 在IE浏览器中,JavaScript可以通过直接操作DOM元素的style属性来实现动态样式改变。示例代码如下: ```javascript ...

    css之自动换行.pdf

    本文主要探讨如何使用CSS来解决自动换行的问题,特别是针对IE和Firefox浏览器的差异。 首先,块级元素如`div`和`p`默认具有`white-space:normal`属性,这意味着当定义了宽度后,内容会根据需要自动换行。例如: ``...

    JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)

    在介绍的标题中提到“兼容IE,Firefox”,这说明在实现图片左右无缝隙滚动时,需要考虑不同浏览器的兼容性问题。Internet Explorer(IE)和Firefox是两个非常流行的浏览器,它们在解释执行JavaScript和CSS时可能有所...

    CSS完美兼容IE6_IE7_FF的通用方法

    特别是在早期的Web开发中,如何让网站能够良好地运行在不同版本的Internet Explorer(IE)以及Firefox上,成为了一个技术难点。本文将详细介绍一种适用于IE6、IE7及Firefox的CSS兼容性解决方案。 #### 一、CSS Hack...

    编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu

    本文由shawl.qiu撰写,主要介绍了如何使用CSS技术来创建适用于多种浏览器(如Opera、Firefox、IE)的弹出式菜单。文章重点讲解了利用CSS属性(如`display`和`:hover`)以及必要的JavaScript代码来实现不同布局的菜单...

    CSS实现table td中文字的省略与显示(兼容IE与FF、Chrome)

    CSS提供了优雅的方式来实现这一功能,同时兼容不同的浏览器,包括Internet Explorer (IE),Firefox以及Chrome。这里我们将详细探讨如何实现这一效果。 首先,我们来看标题和描述中提到的关键CSS属性: 1. `...

    纯CSS实现表头固定表格滚动条效果

    在网页设计中,当表格数据过多时,为了保持可读性,通常会使用滚动条来显示隐藏的内容。然而,一个常见的需求是使表格的表头在滚动时始终保持可见,这样用户在浏览长表格时仍能清楚地看到列名。本文将详细介绍如何仅...

    jquery 笔记(自己学习jquery整理好的)

    "Mozilla Firefox" : $.browser.safari ? "Safari" : $.browser.opera ? "Opera" : "Unknown"; ``` **分析:** - `$.browser`对象包含了浏览器类型的信息。 #### 九、循环数组和对象 jQuery提供了`.each()`...

    HTML 使用浮动框架.doc

    HTML中的浮动框架是一种特殊类型的框架,它主要用于在网页中嵌入其他网页内容,但需要注意的是,浮动框架只被微软的Internet Explorer浏览器所支持,而其他如Chrome、Firefox、Safari等现代浏览器并不支持这一特性。...

    jquery打印HTML表格自动分页

    因此,需要测试在主流浏览器(如Chrome、Firefox、Safari和Edge)上的表现。 通过以上步骤,我们可以实现一个高效且用户友好的HTML表格打印自动分页功能。这种方法不仅可以提高用户体验,避免长表格的打印混乱,还...

    IE7,6与Fireofx的兼容性处理方法

    在Web开发中,浏览器兼容性始终是一个重要的考虑因素,尤其是在IE7、IE6和Firefox之间。这些早期版本的浏览器对CSS的解析方式存在差异,导致开发者需要采取特殊的技术来确保页面在各种浏览器中的一致显示。以下是...

    css控制文字自动换行的实现方法

    由于Firefox没有提供直接的断行控制属性,处理连续英文和数字的溢出,可以采用将超出边界的字符隐藏或者为容器添加滚动条的方法。 例如: ```css #wrap { word-break: break-all; width: 200px; overflow: auto;...

    DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性

    然而,不同浏览器对CSS的支持程度并不完全一致,尤其是在IE6、IE7和Firefox(FF)之间,存在诸多兼容性问题。本文将深入探讨这些浏览器之间的差异以及解决策略。 首先,对于CSS兼容性问题,一种常见的解决方案是...

    一个树行菜单共享文件

    - **Firefox显示问题**:由于Firefox浏览器对浮动元素的处理方式与其他浏览器不同,可能会影响布局的准确性。解决方法是在某些情况下需要使用 `float: left;` 来保持布局一致。 - **IE兼容性**:考虑到旧版IE浏览器...

    display属性.doc

    随着浏览器技术的发展,更多现代浏览器如Chrome、Firefox等也支持该属性的所有值。 #### 三、继承性 `display` 属性具有继承性,这意味着如果没有为子元素指定特定的`display`值,那么子元素会继承父元素的`display...

    利用JS+CSS实现滚动表格数据展示

    /* 隐藏火狐滚动条 */ -ms-overflow-style: none; /* 隐藏IE滚动条 */ } #scrollTable::-webkit-scrollbar { /* 针对Webkit浏览器 */ width: 10px; } #scrollTable::-webkit-scrollbar-track { background: #...

Global site tag (gtag.js) - Google Analytics