                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

為什么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又顯示出來可現在點擊只會消失? ? ? ? ? ? ? ? ? ? ? ? ? ? ??