div隐藏显示（2）

最新推荐文章于 2023-02-08 16:42:43 发布

stone1116

最新推荐文章于 2023-02-08 16:42:43 发布

阅读量464

点赞数

分类专栏： java 文章标签： div javascript

java 专栏收录该内容

94 篇文章 0 订阅

订阅专栏

<html>
<head>
<script type="text/javascript">
function changeBody(index){
switch(index){
case 1:{
document.getElementById('iDBody1').style.display = "";
document.getElementById('iDBody2').style.display = "none";
document.getElementById('iDBody3').style.display = "none";
break;
    }
case 2:{
document.getElementById('iDBody1').style.display = "none";
document.getElementById('iDBody2').style.display = "";
document.getElementById('iDBody3').style.display = "none";
break;
    }
case 3:{
document.getElementById('iDBody1').style.display = "none";
document.getElementById('iDBody2').style.display = "none";
document.getElementById('iDBody3').style.display = "";
break;
      }
   }
}
</script>
</head>
<body>

<div style="display: none" id="iDBody1">
   模块(一)的相关内容
</div>
<div style="display: none" id="iDBody2">
   模块(二)的相关内容
</div>
<div style="display: none" id="iDBody3">
   模块(三)的相关内容
</div>
</body>
</html>