<html>
<table>
<tr><td>第一行</tr></td>
<tr><td>第二行</tr></td>
<tr><td><input type ="button" value = "隐藏/显示"</tr></td>
</table>
</html>
单击button 时显示或隐藏第二行.
请问怎么做啊!最好写明白点!
<table>
<tr><td>第一行</tr></td>
<tr><td>第二行</tr></td>
<tr><td><input type ="button" value = "隐藏/显示"</tr></td>
</table>
</html>
单击button 时显示或隐藏第二行.
请问怎么做啊!最好写明白点!
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示 style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
2.多少用点javascript插件挺好的,jquery对节点的操作非常方便,建议。
tr里加上id属性,然后js
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
<table>
<tr> <td>第一行 </td></tr>
<tr> <td id="second" style="display:block">第二行 </td></tr>
<tr> <td> <input type ="button" value = "隐藏/显示" onClick="validate();"> </td> </tr>
</table>
<script>
function validate(){
if(document.getElementById("second").style.display=="block"){
document.getElementById("second").style.display="none";
}else{
document.getElementById("second").style.display="block";
}
}
</script>
</html>
加上id
加ID上去,上面的已经说得很多了.
设 style.display='none' 隐藏了.
或是直接删除节点.
在button里面写个Javascript函数。
<html>
<table>
<tr> <td>第一行 </td> </tr>
<tr> <td id="second" style="display:block">第二行 </td> </tr>
<tr> <td> <input type ="button" value = "隐藏/显示" onClick="validate();"> </td> </tr>
</table>
<script>
function validate(){
if(document.getElementById("second").style.display=="block"){
document.getElementById("second").style.display="none";
}else{
document.getElementById("second").style.display="block";
}
}
</script>
</html>
不错。 SIGNATURE-----------------------------------------------------------------
4399小游戏