如何实现js控制div的隐藏及显现
就是有三个div，当显示其中一个时隐藏其他的俩个，，怎么实现。。真心的请教大侠们，，帮帮我啊...
就是有三个div ，当显示其中一个时隐藏其他的俩个，，怎么实现。。真心的请教大侠们，，帮帮我啊
展开
9个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
div{
margin: 16px;
width: 180px;
background: #fc0;
display: none
}
</style>
<script type="text/javascript">
function showDiv(id){
var divToShow = document.getElementById(id);
var allDiv = document.getElementsByTagName("div");
var i;
for(i=0; i<allDiv.length; i++){
allDiv[i].style.display = "none";
}
divToShow.style.display = "block";
}
</script>
</head>
<body>
<div id="div_1">div_1</div>
<div id="div_2">div_2</div>
<div id="div_3">div_3</div>
<button onclick="showDiv('div_1')">显示div_1</button>
<button onclick="showDiv('div_2')">显示div_2</button>
<button onclick="showDiv('div_3')">显示div_3</button>
</body>
</html>
<!--没有注释，应该也能看懂吧？-->
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
div{
margin: 16px;
width: 180px;
background: #fc0;
display: none
}
</style>
<script type="text/javascript">
function showDiv(id){
var divToShow = document.getElementById(id);
var allDiv = document.getElementsByTagName("div");
var i;
for(i=0; i<allDiv.length; i++){
allDiv[i].style.display = "none";
}
divToShow.style.display = "block";
}
</script>
</head>
<body>
<div id="div_1">div_1</div>
<div id="div_2">div_2</div>
<div id="div_3">div_3</div>
<button onclick="showDiv('div_1')">显示div_1</button>
<button onclick="showDiv('div_2')">显示div_2</button>
<button onclick="showDiv('div_3')">显示div_3</button>
</body>
</html>
<!--没有注释，应该也能看懂吧？-->
追问
谢谢啊，，能看懂，，其实我是做项目要用到的，就是要实现：有商品有需要（图片所示）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var div=document.getElementById('div的ID');
div.style.display='none';//隐藏div
div.style.display='block';//显示div
div.style.display='none';//隐藏div
div.style.display='block';//显示div
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(".promote_set").hide();
$(".promote_set2").show();
$(".promote_set2").show();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html的<script>标签中，输入js代码：
$('button').click(function () {
$('div').hide();
$('div').eq(parseInt(Math.random() * 3)).show();
});
3、浏览器运行index.html页面，此时点击btn按钮会不断显示其中1个和隐藏另外2个div。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
