IE支持：id.style.display,火狐不支持

最新推荐文章于 2023-02-28 00:09:41 发布
最新推荐文章于 2023-02-28 00:09:41 发布
阅读量2.6k 收藏
点赞数
文章标签： ie function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kk5595/article/details/5881117
版权

 <script   type="text/javascript">

                       function chang() {
                           document.getElementById('lbld').style.display = "none";                                //    lbld.style.display = 'none';
                                         
                                        }

                                        setTimeout(chang, 2000);
              </script>  

 

 

火狐用后面的不支持。到底为啥

 

 

原因：IE支持：id.style.display,火狐不支持id.style.displya,只支持document.getElementsByiD('XX').style.display

kk5595
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
display属性在IE和火狐下的兼容
weixin_30323961的博客
02-06 145
在做一个web应用时有用到表格行的现实与隐藏问题，开始实现如下： …… <input type="button" value="test" onclck=test()></input> <tr class="aa" style="display:none"><td>……</td><tr> …… <s...
9.11 div id="..." style.display的使用。。循环中定义id名称
javakeikei的专栏
09-11 1453
对应javascript函数过程： function zz(i){   document.getElementById(i).style.display="block";  }   中的部分代码：循环程序中的代码：    每次循环s=s+1; )">&nbsp图片名字修改//  " style="display:none">   //用s的值作为id的名字   
Firefox处理style.display问题
sk_quentin的专栏
08-20 498
在IE中使用block|none来控制显示还是不显示（不预留空间）但是在firefox中block工作方式和IE不同，采用空值""和none可以解决这个问题，幸运的是空值和none在IE中可以正常工作。
有关display:block、display:table在IE、火狐的兼容性问题
fygkchina的专栏
07-17 6723
最近在作项目的时候碰到一个问题，就是需要AJAX来交互显示两个table，按照常理，对于一个表格需要显示时，使用：display:block属性，不需要显示时使用display:none属性，而且这样做在IE浏览器中显示正常，没有任何问题。在火狐下就有问题了，表格始终只显示原来的60%左右的宽度。 　　然后通FireBug去看了下源码，调试下了，发现是display:block属性问题。
谷歌浏览器、火狐浏览器中table标签显示时display兼容性问题（已解决）
yinshengchen的博客
06-02 1508
项目中经常用table显示信息，然后有时需要联动，控制一些<tr></tr>行不显示： 最直接的方法是将tr行设置成服务端控件，然后在后端直接通过“trTest.Visible = false;”设置，这样设置会有一定的局限性，最终生成的html中不会有相应的元素； 还可以通过直接在页面中相应tr标签的style样式中设置“display:none”实现； 如果后端需要有一定的逻辑判断，决定哪些行不显示，可以在后端通过“trTest.Style.Add("display",
解决火狐中tr的display属性导致colspan属性失效问题
04-20 694
问题是这样的：一个表格中（N行2列）的某一行先初始化的时候，这行使用了display:none隐藏了，然后通过某个事件，把显示出来。 看起来是个很容易的js，先给tr设置一个ID，然后使用document.getElementById("ID").style.display="block";就可以了。可这句在IE中是正常的，一点问题都没有。可把这个放到FF中，效果就不一样了。见下面的代码：
js检测客户端不是firefox则提示下载
10-30
如果`indexOf()`返回-1，说明字符串中不包含`"firefox"`，这时我们就知道浏览器不是Firefox。接下来，我们可以设置一个变量来表示当前浏览器是否为非Firefox，并根据这个变量来执行相应的操作，例如弹出提示下载Fire...
css试题及答案.pdf
02-27
14. 在Firefox 2.0中可能存在父元素不能自适应子元素高度的问题，即高度塌陷问题。 15. 外部样式表不能由`<style>`标签导入，只能通过`<link>`或`@import`规则导入。 16. `<form>`标签不是空标签，因为它可以包含...
JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
12-11
然而，Firefox 和 Chrome 等现代浏览器则会忽略滚动条的影响，导致在页面有滚动时，获取的坐标不准确。因此，我们需要一种兼容性的方法来处理这个问题。 给出的函数如下： ```javascript function mousePos(e) { ...
让FireFox支持innerText的实现代码
12-09
因为安全问题 1、为firefox dom模型扩展属性 2、currentStyle属性可以取得实际的style状态 3、IE实现innerText时考虑了display方式，如果是block则加换行 4、为什么不用textContent？因为textContent没有考虑元素的...
css div实现的遮罩层完美兼容IE6-IE9 FireFox
09-25
本篇文章将详细介绍如何使用CSS和div元素来创建一个兼容IE6到IE9以及Firefox的遮罩层。 首先，我们需要在HTML中定义两个div元素。一个是`#black_overlay`，它作为遮罩层，覆盖整个页面，通常具有半透明黑色背景；另...
使用Jquery设置style:display的方法
coloma2012的博客
02-28 2957
在项目开发中，在进行页面元素显隐常常遇到一个问题，就是使用了$('#id).attr('style','display:block');的方式进行显示，结果导致控件上配置的其他样式被覆盖，所以对显隐的问题进行了总结，我们在使用时要注意。当然了，其他的样式也可以用以上方式进行控制。
js 通过获取id设置style实现div显示隐藏
幼儿园大班扛把子
08-06 1万+
方法一： 对标签定义一个css样式： document.getElementById("idname").style.display="none";   方法二： 对标签定义多个css样式： var a = document.getElementById("idname"); with(a.style){ color = red; font-size = 12px; ........
jquery 设置style:display的方法
qhdzj87的专栏
01-18 3287
$("#id").css('display','none'); $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")[0].style.display = 'block'; $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如...
Jquery 设置style:display 通过ID隐藏区域
05-24 348
$("#id").css('display','none'); $("#id").css('display','block');或$("#id")[0].style.display = 'none'; 转载于:https://www.cnblogs.com/zhangxiaolei521/p/5524259.html
HTML style、display属性-如何设置隐藏、显示功能
热门推荐
07-02 4万+
如何设置显示、隐藏属性。
document.getElementById(i).style.display ='block';
受惊的牛冲向村里的牛棚
08-30 3万+
document.getElementById(i).style.display ='block';   //获取当前页面里面id为i的标签，改变该标签的样式，使其满眶显示。 document.getElementById(i).style.display ='none';   //获取当前页面里面id为i的标签，改变该标签的样式，使其不显示。 document.getElementById(
Web CSS #id 标签选择器 style display 类选择器.class 使用CSS的三种方式 列表装饰 绝对定位
qq_45858803的博客
03-18 989
文章目录CSS使用的三种方式内联定义方式实现代码实现结果样式块方式实现代码显示结果链入外部样式表文件实现代码图是结果#id 选择器 #id名实现代码实现结果标签选择器 标签名实现代码实现结果类选择器 .类名实现代码图是结果列表装饰实现代码图是结果绝对定位实现代码显示结果 CSS使用的三种方式 内联定义方式 实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m
怎么让预览窗口的内容直接显示ID：ABC的内容，并适用IE和火狐：<div ID="ABC" onmousemove="showPreview(event, this)" onmouseout="hidePreview()"> <!-- 需要显示预览内容的DIV --> <p>预览内容</p> </div> <div id="preview" style="display:none; position:absolute;"> <!-- 预览浮窗 --> <p>预览内容</p> </div> <script> var previewElement = document.getElementById("preview"); function showPreview(event, element) { // 获取需要预览的内容 var previewContent = element.innerHTML; // 设置预览浮窗内容 previewElement.innerHTML = previewContent; // 设置预览浮窗位置 previewElement.style.left = event.clientX + "px"; previewElement.style.top = event.clientY + "px"; // 显示预览浮窗 previewElement.style.display = "block"; } function hidePreview() { // 隐藏预览浮窗 previewElement.style.display = "none"; } </script>
最新发布
05-27
你可以在 showPreview 函数中添加对不同浏览器的兼容处理，例如： ``` function showPreview(event, ...这样，无论是在 IE 还是 Firefox 浏览器中，都可以正确地显示预览浮窗，并根据滚动条的位置设置预览浮窗的位置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值