两个div点击第二个div让第二个div内容显示在第一个div上
时间: 2024-05-03 14:23:15 浏览: 185
可以使用JavaScript来实现这个功能。首先需要给两个div添加点击事件的监听器,当第二个div被点击时,获取它的内容并将其设置为第一个div的innerHTML。
HTML代码:
```
<div id="div1"></div>
<div id="div2">这是第二个div的内容</div>
```
JavaScript代码:
```
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
div2.addEventListener("click", function() {
div1.innerHTML = div2.innerHTML;
});
```
当第二个div被点击时,它的内容将被设置为第一个div的innerHTML,从而显示在第一个div上。
阅读全文