ie9崩溃现象当js设置tr元素样式为display:none
2013-02-20 16:48
561 查看
遇到一个ie9的bug:用js设置tr元素的样式为display:none 会引起ie崩溃。
查了一下,(感谢bing)得到国外的一个解决方法
然后我自己又封装了一下:
以后写代码$(element).css("display","none");
就变成了hideTR(element);。
查了一下,(感谢bing,鄙视百度)得到国外的一个解决方法
然后我自己又封装了一下:
以后写代码$(element).css("display","none");
就变成了hideTR(element);
查了一下,(感谢bing)得到国外的一个解决方法
然后我自己又封装了一下:
function hideTR(element) { if ($.browser.msie) { if ($.browser.version == "9.0") { var po = null; var loopObj = null; for (loopObj = element; loopObj.tagName != "BODY"; loopObj = loopObj.parentNode) { if (loopObj.tagName == "TABLE") { po = loopObj; break; } } if (po == null) return; var initValue = $(po).css("border-collapse"); $(po).css("border-collapse", "separate"); $(element).css("display", "none"); $(po).css("border-collapse", initValue); } else { $(element).css("display", "none"); } } else { $(element).css("display", "none"); } }
以后写代码$(element).css("display","none");
就变成了hideTR(element);。
查了一下,(感谢bing,鄙视百度)得到国外的一个解决方法
然后我自己又封装了一下:
function hideTR(element) { if ($.browser.msie) { if ($.browser.version == "9.0") { var po = null; var loopObj = null; for (loopObj = element; loopObj.tagName != "BODY"; loopObj = loopObj.parentNode) { if (loopObj.tagName == "TABLE") { po = loopObj; break; } } if (po == null) return; var initValue = $(po).css("border-collapse"); $(po).css("border-collapse", "separate"); $(element).css("display", "none"); $(po).css("border-collapse", initValue); } else { $(element).css("display", "none"); } } else { $(element).css("display", "none"); } }
以后写代码$(element).css("display","none");
就变成了hideTR(element);
相关文章推荐
- js 操作元素属性、操作元素样式、display(none、block)
- 扫盲:js改变css文件中display:none的设置
- js、jquery获取、设置元素属性与样式
- input 元素,父元素设置了 display:none; jquery 给input赋值后,input无值
- JS对父元素和子元素样式设置及Iframe子页面装载
- js 动态创建元素并设置样式
- JS如何设置元素样式的方法示例
- css 设置display:none 后用js获取值为空
- 小程序scroll-view组件使用时,子元素虽设置样式display:inline-flex;whit-space:nowrap
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- JS无法获取display为none的隐藏元素的宽度和高度的解决方案
- js返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性
- 关于 隐藏元素(样式为 display: none 的元素)及其子元素 获取不到高度的问题
- JS利用DOM获取或设置元素的样式
- js 中设置元素样式
- html的css文件中如果对id设置了display="none",那么在js中是无法控制display=""
- ie9 bug: 为tr设置 display none 崩溃
- js获取table下的tr和td,并且设置某个td里的文字样式
- css hover对其包含的子元素进行样式设置示例
- css元素隐藏原理及display:none和visibility:hidden