html 鼠标单击显示div,3.1.2 利用鼠标单击实现DIV的选取
时间: 2024-03-08 16:51:09 浏览: 29
JS+CSS实现感应鼠标渐变显示DIV层的方法.docx
要实现鼠标单击显示DIV的效果,可以使用JavaScript来实现:
首先,在HTML中创建一个DIV元素,设置其display为none,表示一开始不显示。
```html
<div id="myDiv" style="display: none;">这是一个DIV元素</div>
```
然后,在JavaScript中获取该DIV元素,并为其绑定鼠标单击事件。
```javascript
var myDiv = document.getElementById("myDiv");
myDiv.onclick = function() {
myDiv.style.display = "block";
};
```
当用户单击该DIV元素时,会触发onclick事件,此时将该DIV元素的display设置为block,即可显示该元素。
阅读全文