为什么display()这个函数没效果

来源:10-1 编程挑战

慕前端9656150

2016-08-19 17:16

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


写回答 关注

2回答

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

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

    小黍 回复慕前端965...

    if后面的判断语句应该用==号而不是=

    2016-08-22 15:55:38

    共 2 条回复 >

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

    不是eles 是else好伐

    水里有条鱼 回复慕前端965...

    大哥,我都试验成功了,还有什么不对的?不是达到你要的效果就好了?

    2016-08-20 23:15:43

    共 4 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468781 学习 · 22507 问题

查看课程

相似问题