日期:2014-05-16  浏览次数:20372 次

谁能帮我把下面这段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 ';
}
}
}