哪里出问题了呢，为什么没有效果

<!doctype html>
<html>
<head>
<style>
#text{display:block;width:300px;cursor:pointer;height:20px;border:solid 1px #CCC;}
#menu{display:none;width:300px;height:100px;border:solid 1px #CCC;}
</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<span id="text">点击显示菜单，再点击隐藏菜单</span>
<div id="menu">这是文字哦。</div>
<script type="text/javascript">
window.onload=function(){
    var wenzi=document.getElementById("text");
    var div=document.getElementById("menu");
    wenzi.onfocus=function(){
            if(div.style.display=='block'){ // == 判断div.display是否为显示
                    div.style.display='none'; //= 赋值也可了解成改变
                }
                else{
                    div.style.display='block';
                }
        }
}
</script>
</body>
</html>

_追梦的少年_

浏览 1660回答 2

2回答

_追梦的少年_

我这个是网上看别人写的粘下来没有效果，然后没有看通究竟是哪的事，感觉他写的也对的，难道焦点无法触发事件吗，还有换成你这个了，要点两下才会正常显示和隐藏，这个应该是style要写在html标签中的，之前有过类似问题，这个差在不知道焦点是不是可以触发这个事件，还是谢谢你了

随时随地看视频慕课网APP