function onClickul(target) {
var ul = document.getElementById(target).getElementsByTagName('ul');
for (var i = 0; i < ul.length; i++) {
if (ul[i].style.diplay != "none") {
ul[i].style.diplay = "none";
}
else {
ul[i].style.diplay = "";
}
}
}
观察结果是ul[i].style.diplay的值都成功的变成none了,可是在页面上就是不隐藏。什么情况?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function onClickul(target) {
var uls=document.getElementById(target).getElementsByTagName('ul');
for(var i=0;i<uls.length;i++){
if(uls[i].style.display!='none'){
uls[i].style.display='none';
}else{
uls[i].style.display='';
}
}
}
</script>
</head>
<body>
<div id="te">
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>
<input type="button" onclick="onClickul('te')">
</body>
</html>