Js关于选项卡的问题

2015-06-09 12:38:41 207 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

傻白入门芯片设计，wafer/die/chip/cell（一）芯片设计的一些基本概念阅读详情

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

	<style type="text/css">

		.active{

			background-color:#796ABF;

		}

		#div1 div{

			width:200px;

			height: 200px;

			background: #CCC;

			border:1px solid #000 ;

			display: none;

		}

	</style>

	<script type="text/javascript">

	window.onload=function(){

		var aDiv=document.getElementById('div1');

		var oBtn=document.getElementsByTagName('input');

		var bDiv=aDiv.getElementsByTagName('div');

		for(var i=0;i<oBtn.length;i++)

		{

			//切换标签颜色 Begin

			oBtn.index=i;	// A

			oBtn.onclick=function () {

				for(var i=0;i<oBtn.length;i++)	//运行正常,发现i的定义很奇怪

				{

					bDiv.style.display='none';

					oBtn.className='';//class'N'ame

				}

				this.className='active';

				bDiv.style.display='block';	//A 

			};//切换 End

		};

	};

	</script>

</head>

<body>

	<div id="div1">

		<input type="button" value="进口" class='active'>

		<input type="button" value="出口">

		<input type="button" value="顺差">

		<div style="display:block;">123</div>

		<div>234</div>

		<div>345</div>

	</div>

</body>

</html>