js代码问题，为什么我点击一级导航条之后，不是相应的二级导航条出来呢？ 15
我觉得代码写的正确啊，如果把display换成其他属性的话，代码运行正确，可就是display属性不行，为啥啊！急急急！...
我觉得代码写的正确啊，如果把display换成其他属性的话，代码运行正确，可就是display属性不行，为啥啊！急急急！
展开
1个回答
展开全部
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
#div1 .active {
background: #f60;
}
#div1 div {
width: 200px;
height: 200px;
background: #CCC;
border: 1px #999 solid;
display: none;
}
</style>
<script type="text/javascript">
var index = 0;
window.onload = function ()
{
var div1 = document.getElementById('div1');
var btns = div1.getElementsByTagName('input');
var divs = div1.getElementsByTagName('div');
for ( var i = 0; i < btns.length; i++)
{
btns[i].index = i;
btns[i].onclick = function ()
{
divs[index].style.display = 'none';
btns[index].className = '';
this.className = 'active';
divs[this.index].style.display = 'block';
index = this.index;
}
}
}
</script>
</head>
<body>
<div id="div1">
<input class="active" type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">
<input type="button" value="4">
<div style="display: block;">1111111111111111</div>
<div>2222222222222</div>
<div>33333333333</div>
<div>4444444</div>
</div>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
