关于Javascript做简单div选项卡的问题

答案:2 悬赏:50 手机版

解决时间 2021-02-22 09:15

提问者网友：温旧梦泪无声
2021-02-22 02:33

<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 >11</div>
<div>111</div>
<div>11111</div>
<div>1111</div>
</div>
</body>
</html>
我这个点击按钮的时候下面的adiv[i].style.display='none';
总是找不到对象，和视频上的教程一模一样

最佳答案

五星知识达人网友：洒脱疯子
2021-02-22 03:53

for (var i=0;i<abtn.length;i++){
abtn[i].className='';
adiv[i].style.display='none';}
此处for循环没加上括号，望采纳给分

全部回答

1楼网友：鱼芗
2021-02-22 04:28

odiv.innerhtml=arr[this.index]; 改成： odiv.innerhtml=" " + arr[this.index] + "

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！