当前位置: 代码迷 >> JavaScript >> 哪位高手能帮小弟我把下面这段JS简化一下呀,本人比较笨呐
  详细解决方案

哪位高手能帮小弟我把下面这段JS简化一下呀,本人比较笨呐

热度:116   发布时间:2012-03-09 21:42:52.0
谁能帮我把下面这段JS简化一下呀,本人比较笨呐。
function   loaddiv(ttype)
{
switch   (ttype)
{
case   1:
document.getElementById( 'rent1 ').style.display= ' ';
document.getElementById( 'rent ').style.display= 'none ';
document.getElementById( 'rent2 ').style.display= 'none ';
document.getElementById( 'rent3 ').style.display= 'none ';
document.getElementById( 'rent4 ').style.display= 'none ';
break;
case   2:
document.getElementById( 'rent2 ').style.display= ' ';
document.getElementById( 'rent ').style.display= 'none ';
document.getElementById( 'rent1 ').style.display= 'none ';
document.getElementById( 'rent3 ').style.display= 'none ';
document.getElementById( 'rent4 ').style.display= 'none ';
break;
case   3:
document.getElementById( 'rent3 ').style.display= ' ';
document.getElementById( 'rent ').style.display= 'none ';
document.getElementById( 'rent2 ').style.display= 'none ';
document.getElementById( 'rent1 ').style.display= 'none ';
document.getElementById( 'rent4 ').style.display= 'none ';
break;
case   4:
document.getElementById( 'rent4 ').style.display= ' ';
document.getElementById( 'rent ').style.display= 'none ';
document.getElementById( 'rent2 ').style.display= 'none ';
document.getElementById( 'rent3 ').style.display= 'none ';
document.getElementById( 'rent1 ').style.display= 'none ';
break;
}
}


我只会用这种笨方法。。。

------解决方案--------------------
想了想还有个跟简单的,贴出
function loaddiv(ttype)
{
document.getElementById( 'rent ').style.display= 'none ';
for ( var i=1;i <=4;i++ )
{
if ( i == ttype )
{
document.getElementById( 'rent '+i).style.display= ' ';
}
else
{
document.getElementById( 'rent '+i).style.display= 'none ';
}
}
}
  相关解决方案