<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
????<style>
????div{display:none;}
????.show{display:block;}
????.active{background-color:yellow;}
????</style>
</head>
<body>
????<input?type="button"?value="tab1">
????<input?type="button"?value="tab2">
????<input?type="button"?value="tab3">
????<div>div1</div>
????<div>div2</div>
????<div>div3</div>
????<script>
????????var?tabs?=?document.getElementsByTagName('input');
????????var?divs?=?document.getElementsByTagName('div');
????????for(var?i=0;i<tabs.length;i++){
????????
????????tabs[i].onclick?=?function(){
????????????for(var?j=0;j<tabs.length;j++){
????????????????divs[j].className?=?'';
????????????????tabs[j].className?=?'';
????????????}
????????????this.className?=?'active';
????????????divs[i].className?=?'show';
????????}
????}
????
????</script>
</body>
</html>為什么會出錯呢。。for(var?i=0;i<tabs.length;i++){為什么這里改成let就可以??
選項卡問題
慕勒5811226
2016-06-30 17:18:35