欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScrip如何显示和隐藏代码域?

程序员文章站 2022-09-04 17:57:44
javascrip如何显示和隐藏代码域?

javascrip如何显示和隐藏代码域?

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>

//初始化加载赋值

 function radow_load(){
	document.getelementbyid("demo").innerhtml=date();
}
function nodisplaydate(){

           document.getelementbyid("demo").innerhtml=date();//为id 为 demo的元素赋值

           var id=document.getelementbyid("demo");

	   if(id.style.display == 'none'){//none表示隐藏起来的意思,也就说如果这个元素是隐藏起来的话
	   id.style.display='block';//显示它
	   document.getelementbyid("xm").innerhtml='隐藏日期';//修改按钮值
	   }else{//否则
	   id.style.display = 'none';//隐藏它;
	   document.getelementbyid("xm").innerhtml='显示日期';//修改按钮值
	   }
}
</script>
</head>
<body onload="radow_load()">//jsp初始化函数
 <button type="button" id="xm" onclick="nodisplaydate()">隐藏日期</button>
<h1> javascript 程序</h1>
<p id="demo">这是一个段落</p>
</body>
</html>