div是HTML中常用的标签之一，用于定义文档中的区块。在网页开发中，经常需要对div进行显示和隐藏操作。本文将介绍div的显示隐藏方法汇总，包括CSS和JavaScript两种方法。
CSS方法
1. display属性
使用CSS的display属性可以控制div的显示和隐藏。display属性有以下几个值：
- none：隐藏元素。
- block：将元素显示为块级元素。
- inline：将元素显示为行内元素。
- inline-block：将元素显示为行内块元素。
例如，要隐藏一个id为”myDiv”的div元素，可以使用以下CSS代码：
#myDiv {
display: none;
}
要显示该元素，可以将display属性设置为block或inline-block。
2. visibility属性
使用CSS的visibility属性也可以控制div的显示和隐藏。visibility属性有以下几个值：
- visible：元素可见。
- hidden：元素不可见，但仍占据空间。
- collapse：用于表格元素，将行或列折叠起来。
例如，要隐藏一个id为”myDiv”的div元素，可以使用以下CSS代码：
#myDiv {
visibility: hidden;
}
要显示该元素，可以将visibility属性设置为visible。
JavaScript方法
1. style.display属性
使用JavaScript的style.display属性可以控制div的显示和隐藏。style.display属性有以下几个值：
- none：隐藏元素。
- block：将元素显示为块级元素。
- inline：将元素显示为行内元素。
- inline-block：将元素显示为行内块元素。
例如，要隐藏一个id为”myDiv”的div元素，可以使用以下JavaScript代码：
document.getElementById("myDiv").style.display = "none";
要显示该元素，可以将style.display属性设置为block或inline-block。
2. style.visibility属性
使用JavaScript的style.visibility属性也可以控制div的显示和隐藏。style.visibility属性有以下几个值：
- visible：元素可见。
- hidden：元素不可见，但仍占据空间。
- collapse：用于表格元素，将行或列折叠起来。
例如，要隐藏一个id为”myDiv”的div元素，可以使用以下JavaScript代码：
document.getElementById("myDiv").style.visibility = "hidden";
要显示该元素，可以将style.visibility属性设置为visible。
总结
本文介绍了div的显示隐藏方法汇总，包括CSS和JavaScript两种方法。使用CSS可以通过display属性和visibility属性控制div的显示和隐藏，使用JavaScript可以通过style.display属性和style.visibility属性控制div的显示和隐藏。