在JSP页面开发中，div元素是构建网页布局的重要元素之一。有时候，我们可能需要根据用户的操作或者页面的状态来隐藏或显示某些div元素，以达到更好的用户体验。本文将详细介绍如何在JSP页面中实现div的隐藏与显示，并提供一些实用的实例。
一、JSP页面中div隐藏与显示的基本原理
在JSP页面中，div元素的隐藏与显示可以通过CSS样式和JavaScript脚本来实现。以下是一些常用的方法：
1. CSS样式
通过设置div元素的`display`属性为`none`，可以实现div的隐藏。当需要显示div时，将`display`属性设置为`block`或`inline`即可。
2. JavaScript脚本
使用JavaScript脚本，可以通过操作DOM元素来实现div的隐藏与显示。以下是一些常用的JavaScript方法：
* getElementById()：通过元素的ID获取DOM元素。
* innerHTML：获取或设置元素的HTML内容。
* style：获取或设置元素的样式。
二、JSP页面中div隐藏与显示的实例
下面将提供一些JSP页面中div隐藏与显示的实例，帮助读者更好地理解和使用。
实例1：点击按钮隐藏div
HTML代码：
```html
