UC知道加急，关于JS控制的DIV隐藏
来源：百度知道 编辑：UC知道 时间：2024/06/11 11:13:42
现在有3个DIV块，3个超链接，需要点击一个链接，显示相应的块，并隐藏其余2个...怎么做...做了很多种方法，都失败了。
<a href="javascript:changeBody(1)">模块A</a>
<a href="javascript:changeBody(2)">模块B</a>
<a href="javascript:changeBody(3)">模块C</a>
</div>
<div style="display: none" id="iDBody1"></div>
<div style="display: none" id="iDBody2"></div>
<div style="display: none" id="iDBody3"></div>
<a href="javascript:changeBody(1)">模块A</a>
<a href="javascript:changeBody(2)">模块B</a>
<a href="javascript:changeBody(3)">模块C</a>
</div>
<div style="display: none" id="iDBody1"></div>
<div style="display: none" id="iDBody2"></div>
<div style="display: none" id="iDBody3"></div>
下面是脚本语言：
function changeBody(obj)
{
for (i=1; i<4; i++)
{
var cheng_id="iDBody"+i;
document.all(cheng_id).style.display="none";
}
document.getElementById(obj).style.display="block";
}
你的控件写法不太好，建议使用如下：
<a href="#" onclick="javascript:changeBody(iDBody1)">模块A</a>
<a href="#" onclick="javascript:changeBody(iDBody2)">模块B</a>
<a href="#" onclick="javascript:changeBody(iDBody3)">模块C</a>
</div>
<div style="display: none" id="iDBody1" runat="server"></div>
<div style="display: none" id="iDBody2" runat="server"></div>
<div style="display: none" id="iDBody3" runat="server"></div><