JavaScrip如何显示和隐藏代码域？
程序员文章站
2022-04-13 16:04: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>