概述
<html>
<head>
<title>DOM概述</title>
<script>
/*
显示隐藏div
*/
function hide(){
//获取div节点对象，通过div的id
var divNode = document.getElementById("div_id");
//隐藏div
divNode.style.display = "none";
}
function show(){
//获取div节点对象
var divNode = document.getElementById("div_id");
//显示div
divNode.style.display = "block";
}
</script>
</head>
<body>
<div id="div_id" style="background-color:#ff0000"> 这是网页内容 </div>
<input type="button" value="隐藏" οnclick="hide()">
<input type="button" value="显示" οnclick="show()">
<body>
</html>最后
以上就是强健画板为你收集整理的DOM概述，隐藏显示div的全部内容，希望文章能够帮你解决DOM概述，隐藏显示div所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复