js实现点击一个按钮就在旁边出现另一个框
<%@pagepageEncoding="utf-8"%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www....
<%@page pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<div id="div1" style="display: none" onMouseout="hidden();" class="content">aaaaa</div>
<div id="div2" style="display: none" onMouseout="hidden();" class="content">bbbbb</div>
<div></div>
<div >
<ul id='tabnav'>
<li><input name="name" type="button" onClick="show();" value="显示1"></li>
<li><input name="name" type="button" onClick="show();" value="显示2"></li>
<li class='active'></li></ul></div></div>
<script type="text/javascript">
function show(){
document.getElementById("div1").style.display="";
//alert(document.getElementById("div").style.display)
}
function hidden(){
document.getElementById("div1").style.display="none";
//alert(document.getElementById("div").style.display)
}
</script>
</body>
</html>
怎么实现点击显示1，就显示div1，点击显示2，就显示div2；
要自动的获取点击对象；上面我那个方法不灵活 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<div id="div1" style="display: none" onMouseout="hidden();" class="content">aaaaa</div>
<div id="div2" style="display: none" onMouseout="hidden();" class="content">bbbbb</div>
<div></div>
<div >
<ul id='tabnav'>
<li><input name="name" type="button" onClick="show();" value="显示1"></li>
<li><input name="name" type="button" onClick="show();" value="显示2"></li>
<li class='active'></li></ul></div></div>
<script type="text/javascript">
function show(){
document.getElementById("div1").style.display="";
//alert(document.getElementById("div").style.display)
}
function hidden(){
document.getElementById("div1").style.display="none";
//alert(document.getElementById("div").style.display)
}
</script>
</body>
</html>
怎么实现点击显示1，就显示div1，点击显示2，就显示div2；
要自动的获取点击对象；上面我那个方法不灵活 展开
1个回答
展开全部
把show()和hidden()里各加一个参数就可以了：
<html lang="ru">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<div id="div1" style="display: none" onMouseout="hidden(this);" class="content">aaaaa</div>
<div id="div2" style="display: none" onMouseout="hidden(this);" class="content">bbbbb</div>
<div></div>
<div >
<ul id='tabnav'>
<li><input name="name" type="button" onClick="show(1);" value="显示1"></li>
<li><input name="name" type="button" onClick="show(2);" value="显示2"></li>
<li class='active'></li></ul></div></div>
<script type="text/javascript">
function show(v){
document.getElementById("div" + v).style.display = "";
}
function hidden(v){
v.style.display = "none";
}
</script>
</body>
</html>
更多追问追答
追问
就第一个按钮起效，其他就不行了。求大神配个好的，input中show（）是自动生成的
div中id也是自动生成的；我希望一个按钮锁定一个隐藏的div。谢谢
追答
为什么只有第一个按钮有效果呢？我这边测试是都可以的。
还有，如果是自动生成的，我想知道一下，那些自动生成后的ID是什么样的呢
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
