html中實現數據的顯示和隱藏
阿新 • • 發佈：2017-06-16
func 隱藏 obj else content cli solid head utf
Author： YangQingQing
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>demo</title>
<script>
var obj = document.getElementById("div_id");
function hideOrShowEvent(){
var obj= document.getElementById("div_id");
if(obj.style.display=="block"){ //如果是顯示則隱藏
obj.style.display="none";
}else{ //如果是隱藏則顯示
obj.style.display="block";
}
}
</script>
</head>
<body>
<div id="div_id" style="border:1px solid red;display:block;" > 這裏是內容 </div>
<button type="button" onclick=hideOrShowEvent()> 點擊隱藏或顯示 </button>
</body>
</html>
html中實現數據的顯示和隱藏