问答详情
源自:10-1 编程挑战

为什么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又显示出来 可现在点击只会消失                              


提问者:慕前端9656150 2016-08-19 17:16

个回答

  • 小黍
    2016-08-20 12:44:14

    if语句有问题吧  完全不知道你是干嘛

  • 水里有条鱼
    2016-08-19 18:48:26

    不是eles 是else好伐