通过Button控制DIV的显示与隐藏代码,JS代码库,德仔网

代码语言

代码分类

【JS】通过Button控制DIV的显示与隐藏

作者:一丁 / 发布于2015/4/21/ 589


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>无标题文档</title>
	<script language="javascript" type="text/javascript">
	var flag=0;
	function $(id)
	{
	 return document.getElementById(id);
	 }
	function controlDIV()
	{
	 if(flag==0)
	 {
	 $("my").style.visibility="hidden";
	 $("bt_display").value="显示";
	 flag=1;
	 }
	 else
	 {
	 $("my").style.visibility="";
	 $("bt_display").value="隐藏";
	 flag=0;
	 }
	 }
	</script>
	</head>

	<body>

	<input type="button" id="bt_display" value="隐藏" onclick="controlDIV()"/>
	<div id="my">
	<input type="text" value="my DIV"/>
	</div>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　控制DIV　

同语言下

可能有用的

一丁贡献的其它代码(30)