我是靠谱客的博主 强健画板,这篇文章主要介绍DOM概述,隐藏显示div,现在分享给大家,希望可以做个参考。

<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概述内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(68)

评论列表共有 0 条评论

立即
投稿
返回
顶部