代码如下javascript初级问题，菜单点击输入法，下面ul展开收缩，没有实现，代码哪里错了呢？

答案:3 悬赏:10 手机版

解决时间 2021-01-03 01:39

提问者网友：黑米和小志
2021-01-02 21:32

最佳答案

五星知识达人网友：英雄的欲望
2021-01-06 21:31

我用jquery帮你实现了一个
<ul id=“ul1” style="display:block;">

这句里id="ul1"的引号不对，应该是这样
<ul id="ul1" style="display:block;">

实现点击收缩和展开代码如下：
你需要在页面里引入有一个jquery的文件就可以了
$(document).ready(function(){
$("#btn").click(function(){
var ulTag = $("#ul1");
if(!ulTag.is(":visible")){
ulTag.slideDown("slow");
}else{
ulTag.slideUp("slow");
}
});
});

全部回答

1楼网友：琴狂剑也妄
2021-01-07 00:00

你这个代码有三个错误。 1. 把function拼成了funcion 2. ==号用于判断，不用于赋值，你这两种情况都用了== 3. ul1这个ID的引号是全角的，JS不会认。正确的代码： <html> <head> <style type="text/css"> p{width:58px; height:24px; } .box{width:58px; } ul{display:none; border:#999 1px solid; width:55px;} </style> </head> <body> <div class="box"> <p id="btn">输入法</p> <ul id="ul1" style="display:block;"> <li><a href="">手写</a></li> <li><a href="">拼写</a></li> <li><a href="">光比</a></li> </ul> </div> </body> <script type="text/javascript"> window.onload=function() { var obtn=document.getElementById('btn'); var oul=document.getElementById('ul1'); obtn.onclick=function() { if(oul.style.display=='block') { oul.style.display='none'; } else { oul.style.display='block'; } } }; </script> </html>

2楼网友：玩家
2021-01-06 22:33

考眼力啊，4个错误 1.window.onload=funcion() 这行的funcion应改为function 2. if(oul.style.display=='block') { oul.style.display=='none'; //这里应为oul.style.display='none'; //=号 } else { oul.style.display=='block';oul.style.display=='none'; //这里应为oul.style.display='block'; //=号 } 3.<ul id=“ul1” style="display:block;"> //这行的id=“ul1” 应为 id="ul1" //引号必须为英文引号"，你写成了中文的“

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！