81,091
社区成员
发帖
与我相关
我的任务
分享怎么用js或其他方法实现一个button控制同一表格行的显示或隐藏
<html>
<table>
<tr><td>第一行</tr></td>
<tr><td>第二行</tr></td>
<tr><td><input type ="button" value = "隐藏/显示"</tr></td>
</table>
</html>
单击button 时显示或隐藏第二行.
怎么写js，谢谢！！
<table>
<tr><td>第一行</tr></td>
<tr><td>第二行</tr></td>
<tr><td><input type ="button" value = "隐藏/显示"</tr></td>
</table>
</html>
单击button 时显示或隐藏第二行.
怎么写js，谢谢！！
...全文
请发表友善的回复…
发表回复
longtenggdf 2009-12-07
- 打赏
- 举报
给第二行一个id
<tr id = "tr2" style="display: block;" >
<td>第二行</td>
</tr>
<input type="button" value = "转换" onclick="change();"/>
js:
function change(){
var tr = document.getElementById("tr2");
if(tr.style.display=="none"){
tr.style.display="block";
}else{
tr.style.display="none";
}
}
<tr id = "tr2" style="display: block;" >
<td>第二行</td>
</tr>
<input type="button" value = "转换" onclick="change();"/>
js:
function change(){
var tr = document.getElementById("tr2");
if(tr.style.display=="none"){
tr.style.display="block";
}else{
tr.style.display="none";
}
}
