function showDiv(targetid)
{
if (document.getElementById){
var target=document.getElementById(targetid);
alert(target.style.display);
if (target.style.display =="block" || target.style.display == "" ){
alert('block');
target.style.display="none";
}
else if(target.style.display == "none")
{
alert('none');
target.style.display = "block";
}
}
}
<form id="frm1" action="">
<td>
<input type="text" name="caption" size="62" />
<input type="button" name="annex" value="添加附件"
onclick="showDiv('annexDiv');" />
<form action="" id="frm2">
<div id="annexDiv" style="display: none;">
<input type="text" name="annex" size="62" />
<input type="button" name="addAnnex" value="浏览" />
<input type="button" name="delAnnex" value="删除" onclick="showDiv('annexDiv');" />
</div>
</form>
</td>
</form>
{
if (document.getElementById){
var target=document.getElementById(targetid);
alert(target.style.display);
if (target.style.display =="block" || target.style.display == "" ){
alert('block');
target.style.display="none";
}
else if(target.style.display == "none")
{
alert('none');
target.style.display = "block";
}
}
}
<form id="frm1" action="">
<td>
<input type="text" name="caption" size="62" />
<input type="button" name="annex" value="添加附件"
onclick="showDiv('annexDiv');" />
<form action="" id="frm2">
<div id="annexDiv" style="display: none;">
<input type="text" name="annex" size="62" />
<input type="button" name="addAnnex" value="浏览" />
<input type="button" name="delAnnex" value="删除" onclick="showDiv('annexDiv');" />
</div>
</form>
</td>
</form>
JavaScript元素显示隐藏功能
本文介绍了一段使用JavaScript实现页面元素显示与隐藏功能的代码示例。通过按钮点击触发事件,可以切换特定div元素的显示状态,适用于网页表单中附件上传等场景。
1683

被折叠的 条评论
为什么被折叠?



