js onclick 事件无法触发
实在没看错问题在哪里，烦请大神帮忙看看，不胜感谢！！！<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-...
实在没看错问题在哪里，烦请大神帮忙看看，不胜感谢！！！
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>播放列表</title>
<style>
body,ul,ol,p,h1,h2,h4,dl,dd,form,input,textarea,select{
padding:0; margin:0; font-family:'宋体';}
li { list-style:none;}
body { background:#FFF; }
#main { width:300px; height:300px; margin:100px auto;}
#play_list { width:206px; height:200px; position:relative; }
#play_list p { width:194px; line-height:26px; font-size:16px; color:#4c5c6b; background:#cbd0d4; padding-left:12px; }
#play_list ul { width:194px; background:#E7E7E7; padding-left:12px; display:none;}
#play_list li { width:194px; line-height:26px; font-size:13px; color:#4c5c6b; }
</style>
<script type="text/javascript">
function dislist()
{
var dis=document.getElementsById("ul1");
if(dis.style.display=='none'){
dis.style.display='block';
}
else
{
dis.style.display='none';
}
}
</script>
</head>
<body>
<div id="main">
<div id="play_list">
<P onclick="dislist()">播放列表</P>
<ul id="ul1">
<li>玩爱之徒</li>
<li>原谅我</li>
<li>猜不透 </li>
<li>自导自演 </li>
<li>浪漫窝 </li>
<li>流年</li>
</ul>
</div>
</div>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>播放列表</title>
<style>
body,ul,ol,p,h1,h2,h4,dl,dd,form,input,textarea,select{
padding:0; margin:0; font-family:'宋体';}
li { list-style:none;}
body { background:#FFF; }
#main { width:300px; height:300px; margin:100px auto;}
#play_list { width:206px; height:200px; position:relative; }
#play_list p { width:194px; line-height:26px; font-size:16px; color:#4c5c6b; background:#cbd0d4; padding-left:12px; }
#play_list ul { width:194px; background:#E7E7E7; padding-left:12px; display:none;}
#play_list li { width:194px; line-height:26px; font-size:13px; color:#4c5c6b; }
</style>
<script type="text/javascript">
function dislist()
{
var dis=document.getElementsById("ul1");
if(dis.style.display=='none'){
dis.style.display='block';
}
else
{
dis.style.display='none';
}
}
</script>
</head>
<body>
<div id="main">
<div id="play_list">
<P onclick="dislist()">播放列表</P>
<ul id="ul1">
<li>玩爱之徒</li>
<li>原谅我</li>
<li>猜不透 </li>
<li>自导自演 </li>
<li>浪漫窝 </li>
<li>流年</li>
</ul>
</div>
</div>
</body>
</html> 展开
2个回答
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>播放列表</title>
<style>
body,ul,ol,p,h1,h2,h4,dl,dd,form,input,textarea,select{
padding:0; 没备margin:0; font-family:'宋体';}
li { list-style:none;}
body { background:#FFF; }
#main { width:300px; height:300px; margin:100px auto;}
#play_list { width:206px; height:200px; position:relative; }
#play_list p { width:194px; line-height:26px; font-size:16px; color:#4c5c6b; background:#cbd0d4; padding-left:12px; }
#play_list ul { width:194px; background:#E7E7E7; padding-left:12px; display:none;}
#play_list li { width:194px; line-height:26px; font-size:13px; color:#4c5c6b; }
</style>
<script type="text/javascript">
function dislist()
{
var dis=document.getElementById("ul1");
if(dis.style.display=="none"){
dis.style.display="block";
}
else
{
dis.style.display="none";
}
}
</script>
</head>
<body>
<div id="main">
<div id="play_list" >
<P onclick="dislist()">播放列表</P>
<ul id="ul1">
<li>玩爱之徒</li>
枯基毁 <li>原谅我</li>
锋雀 <li>猜不透 </li>
<li>自导自演 </li>
<li>浪漫窝 </li>
<li>流年</li>
</ul>
</div>
</div>
</body>
</html>
是getElementById 不是 getElementsById
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var dis=document.getElementsById("ul1"大脊);
错了念和
是getElementById
如果还有问题 再问吧滚高渗
错了念和
是getElementById
如果还有问题 再问吧滚高渗
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
