关于Javascript做简单div选项卡的问题
<html><head><title></title><scriptlanguage='javascript'>window.onload=function(){varo...
<html><head><title></title>
<script language='javascript'>
window.onload=function ()
{
var odiv=document.getElementById('div1');
var abtn=odiv.getElementsByTagName('input');
var adiv=odiv.getElementsByTagName('div');
for (var i=0;i<abtn.length;i++)
{
abtn[i].onclick=function ()
{
for (var i=0;i<abtn.length;i++)
abtn[i].className='';
adiv[i].style.display='none';
this.className='active';
}
}
}
</script>
<style type='text/css'>
#div1 div{display:none;width:200px;height:300px;background:red;border:1px solid green;}
#div1 .active{background:yellow;}
</style>
</head>
<body>
<div id='div1'>
<input type='button' class='active' value='招生'>
<input type='button' value='出国'>
<input type='button' value='培训'>
<input type='button' value='加入'>
<div style='display:block;'>11</div>
<div>111</div>
<div>11111</div>
<div>1111</div>
</div>
</body>
</html>
我这个 点击按钮的时候下面的adiv[i].style.display='none';
总是找不到对象，和视频上的教程一模一样 展开
<script language='javascript'>
window.onload=function ()
{
var odiv=document.getElementById('div1');
var abtn=odiv.getElementsByTagName('input');
var adiv=odiv.getElementsByTagName('div');
for (var i=0;i<abtn.length;i++)
{
abtn[i].onclick=function ()
{
for (var i=0;i<abtn.length;i++)
abtn[i].className='';
adiv[i].style.display='none';
this.className='active';
}
}
}
</script>
<style type='text/css'>
#div1 div{display:none;width:200px;height:300px;background:red;border:1px solid green;}
#div1 .active{background:yellow;}
</style>
</head>
<body>
<div id='div1'>
<input type='button' class='active' value='招生'>
<input type='button' value='出国'>
<input type='button' value='培训'>
<input type='button' value='加入'>
<div style='display:block;'>11</div>
<div>111</div>
<div>11111</div>
<div>1111</div>
</div>
</body>
</html>
我这个 点击按钮的时候下面的adiv[i].style.display='none';
总是找不到对象，和视频上的教程一模一样 展开
展开全部
for (var i=0;i<abtn.length;i++){
abtn[i].className='';
adiv[i].style.display='none';}
此处for循环没加上括号，望采纳给分
abtn[i].className='';
adiv[i].style.display='none';}
此处for循环没加上括号，望采纳给分
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
