为什么代码没有显示隐藏的效果,求大神解答

来源:9-8 访问子节点childNodes

Youruncle

2016-07-29 15:38

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>

</title>

<style type="text/css">

#txt{

width: 200px;

height: 150px;

background: red;

}

</style>

<script type="text/javascript">

function add(){

var a=document.getElementById("txt");

if (a.style.display=="block"){

a.style.display=="none"

}

else{

a.style.display=="block"

}

}

</script>

</head>

<body>

<input type="button" name="" id="" value="显示消失" onclick="add()"/>

        <div id="txt"> </div>

</body>

</html>


写回答 关注

5回答

  • 水里有条鱼
    2016-07-29 15:55:00
    已采纳

    if (a.style.display=="block"){

    a.style.display=="none"

    }

    else{

    a.style.display=="block"

    }

    }

    赋值的话用一个等号,两个等号返回true或者false做判断相等时使用


    水里有条鱼 回复Yourun...

    这样子看,假如有一个数A,屏幕会自动显示它的值. a.style.display -> 是判断A修改A,屏幕显示值自然会变 b = document.getElementById("big").style.display ->把A的值给了b,判断b修改b,但是A并不受影响,所以显示不变。

    2016-07-30 09:39:24

    共 3 条回复 >

  • Youruncle
    2016-08-20 11:48:45

    if (a.style.display=="block"){

    a.style.display="none"

    }

    else{

    a.style.display="block"

    }

    这样就好了

    ==是判断,=是赋值


  • 慕粉3361053
    2016-08-18 19:37:32

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>

    </title>

    <style type="text/css">

    #txt{

    width: 200px;

    height: 150px;

    background: red;

    }

    </style>

    <script type="text/javascript">

    function add(){

    var a=document.getElementById("txt");

    if (a.style.display=="block"){

    a.style.display=="none"

    }

    else{

    a.style.display=="block"

    }

    }

    </script>

    </head>

    <body>

    <input type="button" name="" id="" value="显示消失" onclick="add()"/>

            <div id="txt"> </div>

    </body>

    </html>


  • 慕粉3361053
    2016-08-15 20:43:38

    为什么if()判断语句中要写if (a.style.display="block")

    a.style.display=="none"

    }

    网页默认为文档为block显示吗?

    慕粉3361... 回复Yourun...

    没呀,我点一下就隐藏了 再点怎么回显示,显示设置的不是else么。如果if成立,隐藏代码,那么在点击按钮如何显示

    2016-08-18 19:37:07

    共 2 条回复 >

  • 水里有条鱼
    2016-07-30 09:38:17

    这样子看,假如有一个数A,屏幕会自动显示它的值.

    a.style.display -> 是判断A修改A,屏幕显示值自然会变

    b = document.getElementById("big").style.display ->把A的值给了b,判断b修改b,但是A并不受影响,所以显示不变

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题