html 鼠标单击显示div,3.1.2 利用鼠标单击实现DIV的选取
时间: 2024-03-07 13:47:10 浏览: 58
可以使用JavaScript来实现鼠标单击显示div的效果,具体步骤如下:
1. 在HTML中定义一个div元素,并设置其样式为不可见。
```
<div id="myDiv" style="display:none;">这是一个DIV元素</div>
```
2. 在JavaScript中获取该div元素,并为其添加一个鼠标单击事件。
```
var myDiv = document.getElementById("myDiv");
myDiv.onclick = function() {
// 显示div元素
myDiv.style.display = "block";
};
```
3. 在HTML中定义一个触发事件的元素,比如一个按钮或者一个链接。
```
<a href="#" onclick="myDiv.onclick()">点击这里显示DIV</a>
```
当用户单击这个链接时,会触发myDiv的onclick事件,从而显示该div元素。
阅读全文