gpt4 book ai didi

javascript - 显示 :none not working in IE7

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:19:38 29 4
gpt4 key购买 nike

情况:-我创建了一个 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>

引用资源:- http://www.positioniseverything.net/explorer/ienondisappearcontentbugPIE/index.htm

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

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

最佳答案

你可以试试这个:

显示:

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

隐藏:

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

这应该有效。

关于javascript - 显示 :none not working in IE7,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4143367/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com