为什么display()这个函数没效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<script type="text/javascript">
window.onload = function(){
on();
}
function on(){
var li=document.getElementsByTagName("li");
for (var i = 0; i < li.length; i++) {
li[i].setAttribute("onclick","display()");
}
}
function display(){
var txt1=document.getElementById("txt1");
if(txt1.style.display="block"){
txt1.style.display="none";
}else{
txt1.style.display="block"
}
}
</script>
</head>
<body>
<div id="dd">
<ul>
<li>房产</li>
<li>家居</li>
<li>二手房</li>
</ul>
<div id="txt1" display="block" >
275万购昌平邻铁三居 总价20万买一居<br/>
200万内购五环三居 140万安家东三环<br/>
北京首现零首付楼盘 53万购东5环50平<br/>
京楼盘直降5000 中信府 公园楼王现房<br/>
</div>
</div>
</body>
</html>为什么display()这个函数没效果我想实现的是点击li后 div display="block"时display="none"隐藏这个div 再点击下Li div又显示出来
可现在点击只会消失
