JS控制多个div显示与隐藏的IE6.0兼容问题，火狐和谷歌浏览器测试通过了。

<html><head><scripttype='text/javascript'>functionshowhidediv(e){varnameArr=document.... <html>
<head>
<script type='text/javascript'>
function showhidediv(e){
var nameArr=document.getElementsByName("msg_1");
var ageArr=document.getElementsByName("msg_2");
for(var i=0;i<ageArr.length;i++){
if (e == 'name') {
if (nameArr[i].style.display=='none') {
ageArr[i].style.display='none';
nameArr[i].style.display='block';
}
} else {
if (ageArr[i].style.display=='none') {
nameArr[i].style.display='none';
ageArr[i].style.display='block';
}
}
}
document.getElementById('d1').checked = (e=='name');
document.getElementById('d2').checked = (e!='name');
}
</script>
</head>
<body>
<input id="d1" type="radio" value="1" onClick='showhidediv("name")' />
<input id="d2" type="radio" value="2" onClick='showhidediv("age")' />
<div name="msg_1">111111</div>
<div name="msg_2" style="display:none;">222222</div>
<div name="msg_1">333333</div>
<div name="msg_2" style="display:none;">444444</div>
<div name="msg_1">555555</div>
<div name="msg_2" style="display:none;">666666</div>
</body>
</html>

想实现以上的效果，感谢laserw9师兄给予的帮助，我在测试过程中发现ie6.0不兼容，有懂JS的师兄帮忙看看吗，最后把修改后的代码抄到回答中，谢谢师兄们。
我从网上搜到可能是getElementsByName存在兼容性的问题，是不是这里呢？

楼下的热心师兄帮忙写了一个，测试ie通过了，可火狐谷歌类的浏览器没反映了展开

 我来答

2个回答

#热议# 什么是淋病？哪些行为会感染淋病？

火狐
2014-09-09 · Firefox，最快最安全的上网体验

火狐

Mozilla Firefox火狐浏览器，是一款开放安全的开源浏览器，全球拥有5亿用户。

向TA提问

关注

展开全部

您好！很高兴为您答疑！

兼容问题主要是JavaScript和CSS问题。火狐下您可以使用Firebug检测。css及Javascript写的时候，最好模块化，JavaScript最好使用Jquery，支援多种浏览器。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

已赞过 已踩过<

评论收起

南京泽立裕生物科技

广告2024-12-21

网页翻译，快速准确，无需下载，在线操作，轻松搞定!网页翻译，轻松搞定，在线校对，高效便捷!

fycj.najgzeyu.cn

匿名用户
2013-04-23

展开全部

调试了一下，确实是getElementsByName没有取到。

更多追问追答

追问

师兄，您有好的解决办法吗，火狐和谷歌浏览器都通过了

追答

function showhidediv(e){
    
        var arry = document.getElementsByTagName("div");
        
        for(var i=0;i<arry.length;i++){
            if("name"==e){
                if(arry[i].name=='msg_1'){
                    arry[i].style.display="block";
                }else if(arry[i].name=='msg_2'){
                    arry[i].style.display="none";
                }
            }else{
                if(arry[i].name=='msg_1'){
                    arry[i].style.display="none";
                }else if(arry[i].name=='msg_2'){
                    arry[i].style.display="block";
                }
            }
        }
    document.getElementById('d1').checked = (e=='name');
    document.getElementById('d2').checked = (e!='name');

}