本文介绍了一种使用JavaScript来控制网页中特定div元素显示与隐藏的方法。通过点击链接触发事件，利用函数Change来切换目标div的display属性，从而达到交互效果。此技术适用于创建简洁的用户界面。
<script language="javascript">
<!--
function Change(targetID){
if(document.getElementById){
var target = document.getElementById(targetID);
if(target.style.display =="none"){
target.style.display ="";
}
else{
target.style.display ="none";
}
}
}
-->
</script>
<a onclick="Change('MyDiv');return false;" href="./#">View/Hide</a>
<div id="MyDiv">
<table width="200" border="1" cellspacing="1" cellpadding="1">
<tr>
<td> 显示、隐藏</td>
<td> 显示、隐藏</td>
</tr>
<tr>
<td> 显示、隐藏</td>
<td> 显示、隐藏</td>
</tr>
</table>
</div>
<!--
function Change(targetID){
if(document.getElementById){
var target = document.getElementById(targetID);
if(target.style.display =="none"){
target.style.display ="";
}
else{
target.style.display ="none";
}
}
}
-->
</script>
<a onclick="Change('MyDiv');return false;" href="./#">View/Hide</a>
<div id="MyDiv">
<table width="200" border="1" cellspacing="1" cellpadding="1">
<tr>
<td> 显示、隐藏</td>
<td> 显示、隐藏</td>
</tr>
<tr>
<td> 显示、隐藏</td>
<td> 显示、隐藏</td>
</tr>
</table>
</div>
扫一扫
1181
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
