function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var child=content.childNodes[i];
for(i=content.childNodes.length-1;i>=0;i--)
{
var x=content.removeChild(child);
}
}
var child=content.childNodes; //这一句将[i]去掉,这时候i没定义; var x=content.removeChild(child[i]); //这一句在child后加上[i];
全错了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<style type="text/css">
/* CSS样式制作 */
button{
border:none;
font-size:2em;
}
div{
width:200px;
height:200px;
border:1px solid black;
display:none;
}
.class{
display:block;
}
</style>
<script type="text/javascript">
// JS实现选项卡切换
window.onload=function(){
// JS实现选项卡切换
var buts=document.getElementsByTagName("button");
var divs=document.getElementsByTagName("div");
for(var i=0;i<buts.length;i++){
buts[i].aa=i
buts[i].onclick=function(){
for(var j=0;j<buts.length;j++){
buts[j].className="";
divs[j].className="";
}
divs[this.aa].className="class";
}
}
}
</script>
</head>
<body>
<!-- HTML页面布局 -->
<button>房产</button>
<button>家居</button>
<button>二手房</button>
<div>
我是家产
</div>
<div>
我是家居
</div>
<div>
我还是二手房
</div>
</body>
</html>