display:none在IE7中不起作用

Question

display:none在IE7中不起作用

ved*_*t13 3 javascript xhtml internet-explorer-7

情况: - 我创建了一个RadioButton组.当用户根据他的选择选择单选按钮时,将显示内容并删除其他内容.

问题: - 除了IE7之外,所有浏览器中的页面都运行良好.我需要一个在IE7中运行的解决方案.

码:-

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE7 Bug display:none</title>
    <style>
        #entireContent, #div1, #div2{
            display:block;
        }
    </style>
    <script type="text/javascript">
        function displayDiv1(){
            document.getElementById('div1').setAttribute('style','display:&quot');
            document.getElementById('div2').setAttribute('style','display:none');

        }
        function displayDiv2(){
            document.getElementById('div1').setAttribute('style','display:none');
            document.getElementById('div2').setAttribute('style','display:&quot');  
        }
    </script>
</head>
<body>
    <div id="entireContent">
        <input type="radio" name="group" value="t1" onclick="displayDiv1()">TEST 1<br>
        <input type="radio" name="group" value="t2" onclick="displayDiv2()">TEST 2<br>
        <div id="div1">TEST 1</div>
        <div id="div2">TEST 2</div>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

参考资料: - http://www.positioniseverything.net/explorer/ienondisappearcontentbugPIE/index.htm

我尝试了资源中提供的方法,它没有用.

请帮我解决这个问题.提前致谢.

Answer 1

Sar*_*raz 5

您可以尝试这样做:

显示:

document.getElementById('element_id').style.display = 'block';

Run Code Online (Sandbox Code Playgroud)

隐藏:

document.getElementById('element_id').style.display = 'none';

Run Code Online (Sandbox Code Playgroud)

这应该工作.

归档时间：	15 年前
查看次数：	14475 次
最近记录：	6 年，1 月前