JS不显示元素

于 2008-12-20 23:26:34 发布 · 236 阅读

文章标签：

#javascript #ViewUI

UI 专栏收录该内容

4 篇文章

订阅专栏


<script type="text/javascript">  

    function aa(){
    	document.getElementById("btn1").style.display="none";   	
    	}

    function bb(){
    	document.getElementById("btn-a").style.visibility="hidden";   	
    	}

</script>    

<body>  
	虽然用了两种按钮元素，但他们的JS效果是一样的，这两种JS效果他们都可以使用
<p>
	这个是不显示按钮，并改变布局：<br><br>
	<button id="btn1" type="button">按钮1（button标签）</button>----
	<button id="btn2" type="button" onclick="aa()">按钮2（button标签）</button>
	</p>

		这个是不显示按钮，但不改变布局：<br><br>
<input id="btn-a" type="button" value="按钮1（input的button）" />------
<input id="btn-b" type="button" value="按钮2（input的button）"  onclick="bb()"/>
</body>