81,114
社区成员
发帖
与我相关
我的任务
分享如何在JS里面控制ul标签的显示与隐藏？
在页面上我设置这个ul的状态为隐藏
<ul style="display:none" id="ChildMenu1">
<li>子菜单</li>
<li>子菜单</li>
<li>子菜单</li>
</ul>
现在我要在一个按钮的点击事件中，
如果这个ul状态为隐藏则让他显示
如果为显示状态则隐藏他
用层可以实现这样的效果
我现在想学学用ul标签。。
<ul style="display:none" id="ChildMenu1">
<li>子菜单</li>
<li>子菜单</li>
<li>子菜单</li>
</ul>
现在我要在一个按钮的点击事件中，
如果这个ul状态为隐藏则让他显示
如果为显示状态则隐藏他
用层可以实现这样的效果
我现在想学学用ul标签。。
...全文
请发表友善的回复…
发表回复
crazylaa 2009-12-15
- 打赏
- 举报
不是一样的吗？？
<html>
<head>
<title>子菜单 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head>
<script language="javascript" >
function change(){
var obj=document.getElementById("ChildMenu1");
if(obj.style.display=='none'){
obj.style.display='block';
}else{
obj.style.display='none';
}
}
</script>
<body>
<ul style="display:none" id="ChildMenu1">
<li>子菜单 </li>
<li>子菜单 </li>
<li>子菜单 </li>
</ul>
<input type="button" name="all" value="看看" onclick="change()"></input>
</body>
<html>
<head>
<title>子菜单 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head>
<script language="javascript" >
function change(){
var obj=document.getElementById("ChildMenu1");
if(obj.style.display=='none'){
obj.style.display='block';
}else{
obj.style.display='none';
}
}
</script>
<body>
<ul style="display:none" id="ChildMenu1">
<li>子菜单 </li>
<li>子菜单 </li>
<li>子菜单 </li>
</ul>
<input type="button" name="all" value="看看" onclick="change()"></input>
</body>
swandragon 2009-12-15
- 打赏
- 举报
<SCRIPT LANGUAGE="JavaScript">
<!--
var display = false;
function fn(){
if(display){
document.getElementById('ChildMenu1').style.display = "none";
display = false;
}
else {
document.getElementById('ChildMenu1').style.display = "";
display = true;
}
}
//-->
</SCRIPT>
<ul style="display:none" id="ChildMenu1">
<li>子菜单 </li>
<li>子菜单 </li>
<li>子菜单 </li>
</ul>
<input type="button" value="display&show" onclick="fn()"/>
kyzy_yy_pm 2009-12-15
- 打赏
- 举报
<SCRIPT LANGUAGE="JavaScript">
<!--
var i = 1;
function fn(){
if(i == 1){
document.getElementById('ChildMenu1').style.display = "none";
i *= -1;
}else{
document.getElementById('ChildMenu1').style.display = "";
i *= -1;
}
}
//-->
</SCRIPT>
<ul style="display:none" id="ChildMenu1">
<li>子菜单 </li>
<li>子菜单 </li>
<li>子菜单 </li>
</ul>
<input type="button" value="display&show" onclick="fn()"/>
<!--
var i = 1;
function fn(){
if(i == 1){
document.getElementById('ChildMenu1').style.display = "none";
i *= -1;
}else{
document.getElementById('ChildMenu1').style.display = "";
i *= -1;
}
}
//-->
</SCRIPT>
<ul style="display:none" id="ChildMenu1">
<li>子菜单 </li>
<li>子菜单 </li>
<li>子菜单 </li>
</ul>
<input type="button" value="display&show" onclick="fn()"/>
xryy002 2009-12-15
- 打赏
- 举报
就用样式 隐藏和显示。
Trinx 2009-12-15
- 打赏
- 举报
一楼方法很好，支持了！
java技术交流群100756746，希望大家加入，我们共同讨论，共同进步！
java技术交流群100756746，希望大家加入，我们共同讨论，共同进步！
