/*
*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>