一个div层中有多个显示和隐藏
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了一个div层中有多个显示和隐藏相关的知识，希望对你有一定的参考价值。
这个div层中是个表格，表格中有多条数据，每一条数据后都有一个显示链接可以查看隐藏的详细信息，但是我点击哪一行的显示都会显示第一行的隐藏域中的详细信息，怎么让它点击显示的时候出现相对应行的隐藏域的详细信息呢？
<table >
<tr >
<td>
<div id="display" >
<a href="javascript:showdiv(1, '<%=index %>')">[显示]</a>
</div>
<div id="conceal" style="display: none">
<a href="javascript:showdiv(2, '<%=index %>')">[隐藏]</a>
</div>
</td>
</tr>
<tr>
<td colspan="7">
<div id="detail<%=index %>" style="display: none">
<table></table>
</div>
</td></tr> </table>
function showdiv(num, index)
if(num == 1)
document.getElementById("detail" + index).style.display="block";
document.getElementById("conceal").style.display="block";
document.getElementById("display").style.display="none";
else if(num == 2)
document.getElementById("detail" + index).style.display="none";
document.getElementByI
试试这个
<html>
<head>
<title>我的第一个 HTML 页面</title>
<script type="text/javascript">
function selectAll(obj)
var theTabletr = obj.parentElement;
//var i=theTabletr.rowIndex;//点击的行的行索引，此处未用。
//var j = obj.cellIndex;//点击的列索引，此处未用
alert(obj.parentElement.cells[0].innerHTML)
</script>
</head>
<body>
<label id="tip"></label><br />
<div>
<table>
<tr>
<td>
第一行第一列
</td>
<td>
第一行第二列
</td>
<td onclick="selectAll(this)">
显示
</td>
</tr>
<tr>
<td>
第二行第一列
</td>
<td>
第二行第二列
</td>
<td onclick="selectAll(this)">
显示
</td>
</tr>
<tr>
<td>
第三行第一列
</td>
<td>
第三行第二列
</td>
<td onclick="selectAll(this)">
显示
</td>
</tr>
</table>
</div>
</body>
</html> 参考技术A 点击显示隐藏域肯定要调用js函数了，因为你js函数的参数不对了，所以没有显示相应的隐藏域，检查一下调用js的实参。
<div id="info1" style="display:none;">...</div>
<div id="info2" style="display:none;">...</div>
主要看那个id值。
function show(id)
getElementById(id).style.display="block";
调用时：
<a href="#" onclick="show('info1');">显示第一个</a>
<a href="#" onclick="show('info2');">显示第二个</a> 参考技术B 你把你的那段HTML及JS贴出来，我帮你改下！ 参考技术C 隐藏
怎么用js显示隐藏div
参考技术A怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。
- 01
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。
02添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。
03接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐藏div。
04运行页面，我们点击按钮，如果div是正在显示的，点击后就会隐藏，如果是隐藏状态的，点击后就会显示。
以上是关于一个div层中有多个显示和隐藏的主要内容，如果未能解决你的问题，请参考以下文章