<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
document.getElementById("demo").innerHTML=Date();
}
id.style.display='block';//显示它
document.getElementById("xm").innerHTML='隐藏日期';//修改按钮值
}else{//否则
id.style.display = 'none';//隐藏它;
document.getElementById("xm").innerHTML='显示日期';//修改按钮值
}
}
</script>
</head>
<body οnlοad="radow_load()">//jsp初始化函数
<button type="button" id="xm" οnclick="nodisplayDate()">隐藏日期</button>
<h1> JavaScript 程序</h1>
<p id="demo">这是一个段落</p>
</body>
</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 οnlοad="radow_load()">//jsp初始化函数
<button type="button" id="xm" οnclick="nodisplayDate()">隐藏日期</button>
<h1> JavaScript 程序</h1>
<p id="demo">这是一个段落</p>
</body>
</html>