<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
var flag = 0;
function changeBody() {
switch (flag) {
case 1:
{
document.getElementById('iDBody1').style.display = "";
flag = 0;
document.getElementById("testUrl").innerHTML="隐藏";
break;
}
case 0:
{
document.getElementById('iDBody1').style.display = "none";
flag = 1;
document.getElementById("testUrl").innerHTML="显示";
break;
}
}
}
function showInfo() {
var userName = document.getElementById("userName").value;
var userAge = document.getElementById("userAge").value;
alert("用户名:"+userName+"\n:年龄:"+userAge);
}
</script>
</head>
<body>
<div style="background-color:lightgray;width: 400px;height: 200px" id="iDBody1">
姓名:<input type="text" id="userName"/><br>
年龄:<input type="text" id="userAge"/><br>
<input type="button" value="提交" οnclick="showInfo()">
</div>
<a href="javascript:changeBody()" id="testUrl">隐藏</a>
</body>
</html>
div的显示和隐藏
最新推荐文章于 2021-12-16 14:25:43 发布