我的代码如下，我想要的效果是：当所有A标签的父元素隐藏后点击显示按钮，可以让所有A标签的父元素显示出来；求大神帮忙指出我的代码哪里写错了，为什么会错，谢谢哈。?
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
window.onload = function(){
var oUl = document.getElementById('oul_1');
var aA = document.getElementsByTagName('a');
var oinput = document.getElementById('inpu_1');
//alert(oUl.children.length);
//alert(oUl.childNodes.length);
/* for(var i=0;i<oUl.childNodes.length;i++){
if(oUl.childNodes[i].nodeType == 1){
for(var j=0;j<oUl.childNodes.length;j++){
if(oUl.childNodes[j]%2 == 0){
oUl.childNodes[i].style.background = "#998899";
}
}
}
} */
//alert(aA.length);
for(var i=0;i<aA.length;i++){
aA[i].onclick=function(){
this.parentNode.style.display='none';
}
oinput.onclick=function(){
//alert(aA[0].innerHTML);
aA[i].parentNode.style.display='block';
}
}
}
</script>
</head>
<body>
<div>
<input type="button" value="显示" id="inpu_1" />
<ul id="oul_1">
<li><a>隐藏</a></li>
<li><a>隐藏</a></li>
<li><a>隐藏</a></li>
<li><a>隐藏</a></li>
<li><a>隐藏</a></li>
</ul>
</div>
</body>
</html>
相关分类