求一个简单的js代码一个a一个ul,它俩是并列关系,点击a,ul就显示,开始是隐藏的,有追加。
1个回答
展开全部
亲,可以参考一下这个例子,你的要求都能满足
<html>
<head>
</head>
<body>
<a href='javascript:;' id="oA" style="float:left;">显示ul</a>
<ul id='oUl1' style="display:none;float:left;width:100px;">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<script>
var oA=document.getElementById("oA");
var oUl1=document.getElementById("oUl1");
oA.onclick=function()
{
if(oA.innerHTML=="显示ul")
{
oUl1.style.display="block";
oA.innerHTML="隐藏ul";
}
else
{
oUl1.style.display="none";
oA.innerHTML="显示ul";
}
}
</script>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询