用JS实现一个id为book的div的显示和隐藏


/* 
 *Copyright (c) 2018 烟台大学计算机与控制工程学院 
 *All rights reserved. 
 *作    者:史红浩 
 *完成日期:2018年 8 月 13 日 
 *问题描述: 用JS实现一个id为book的div的显示和隐藏
 *版 本 号:v1.0 
*/
function hide_div(obj){
    		var div=document.getElementById("book");
    		if(div.style.display=="block")
   			{
   				obj.value="显示";
   				div.style.display="none";
   			}
   			else if(div.style.display=="none")
   			{
   				obj.value="不显示";
   				div.style.display="block";
   			}
  	  	}
    	<input type="button"onclick="hide_div(this)" value="不显示" />
   		<div id="book" style="display: block">
    		<input type="text" />
  	  	</div>

猜你喜欢

转载自blog.csdn.net/jiaowohaohao/article/details/81637430