HTML控件 如何象一个方法 控制他隐藏或显示(asp.net)
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML控件 如何象一个方法 控制他隐藏或显示(asp.net)相关的知识，希望对你有一定的参考价值。
主要方便控制他显示和隐藏.如:div,checkbox
通过设置其style的display属性来设置隐藏或显示。
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><html>
<head>
<script>
function changestatus(obj)
obj.innerHTML=="显示"?obj.innerHTML="隐藏":obj.innerHTML="显示";
//通过改变style中的display属性实现显示和隐藏
document.getElementById("div1").style.display=="none"?document.getElementById("div1").style.display="":document.getElementById("div1").style.display="none";
</script>
</head>
<body>
<button type="button" onclick="changestatus(this)">隐藏</button>
<div id="div1" style="width:300px;height:300px;background-color:#f00">
<br/><br/><br/><br/>
<h1>HELLO WORLD!!</h1>
</div>
</body>
</html>
2，也可以用JS直接在前台找控件ID，控制其状态 参考技术B <div style="display:none;">看不见</div>
加上 runat="server" 就可以在后台用代码控制它
建议楼主多学学CSS 参考技术C <div id=d1 style="display:">xxxxx</div>
<input type=checkbox id=c1 style="display:" >
<input id=b type=button onclick=show() value="隐藏">
<script language="javascript">
function show()
if(document.getElementById("b").value=="隐藏")
document.getElementById("d1").style.display="none";
document.getElementById("c1").style.display="none";
document.getElementById("b").value="显示";
else
document.getElementById("d1").style.display="";
document.getElementById("c1").style.display="";
document.getElementById("b").value="隐藏";
</script> 参考技术D 你用事件来控制控件的隐藏或显示就行了！
比如说你添加一个Button控件，单次单击按钮，令HTML控件隐藏，再次单击就显示就行了！ 第5个回答 2010-08-10 Js 操作 HTML Dom 即可
不错的学习站点 ：http://www.w3school.com.cn/
JS控制HTML元素的显示和隐藏
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。
方法一：
document.getElementById("EleId").style.visibility="hidden";
document.getElementById("EleId").style.visibility="visible";
利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。
方法二：
document.getElementById("printNum").style.display="none";
document.getElementById("returnDate").style.display="inline";
利用上述方法实现隐藏后，页面的位置不被占用。
以上是关于HTML控件 如何象一个方法 控制他隐藏或显示(asp.net)的主要内容，如果未能解决你的问题，请参考以下文章