tr显示无崩溃ie9 [英] tr display none crashes ie9
问题描述
这个代码崩溃ie9，因为我有这个问题在我的代码..任何工作将被赞赏..这不是一个问题，以前的版本.. ..感谢..
This code crashes ie9 as i am having this problem in my code .. any work around will be appreciated .. This is not a problem with the previous versions of ie .. Thanks ..
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head></head>
<body>
<table style="border-collapse: collapse">
<tr id="firsttr">
<td colspan="2"></td>
<td></td>
</tr>
<tr id="secondtr">
<td></td>
<td style="border: 1px solid #D2D2D2">Move cursor here</td>
<td></td>
</tr>
</table>
</body>
<style type="text/css">
#secondtr:hover {
display: none;
}
</style>
</html>
即使使用onclick事件也会导致浏览器崩溃..请尝试以下操作：
将光标移到这里
Even using onclick event crashes the browser .. try the following .. Move cursor here
<script type="text/javascript">
function HideThis()
{
document.getElementById('secondtr').style.display = 'none';
}
</script>
推荐答案
我有同样的问题， 。
首先我应该说，问题是在IE9中的样式为borderCollapse的表中的任何行的实际值等于collapse（无论是否被声明为inline或head）。
I have the same problem, and have found a solution. First of all I should say that the problem is actual for any row in table with style borderCollapse equal to collapse (no matter if it is declared inline or in head) in IE9.
我的解决方案：
function hideRow(tableNode, rowNode, hide){
if(hide){
if(window.navigator.userAgent.search('MSIE 9.0') != -1){
var initValue = tableNode.style.borderCollapse;
tableNode.style.borderCollapse = 'separate';
rowNode.style.display = 'none';
tableNode.style.borderCollapse = initValue;
}else{
rowNode.style.display = 'none';
}
}else{
rowNode.style.display = '';
}
}
或者缩短：
function hideRow(tableNode, rowNode, hide){
var initValue = tableNode.style.borderCollapse;
tableNode.style.borderCollapse = 'separate';
rowNode.style.display = hide ? 'none' : '';
tableNode.style.borderCollapse = initValue;
}
这篇关于tr显示无崩溃ie9的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
