如何用 js 实现点击后在另一个 div 里显示传过来的图片对象？
2023-11-21 阅读 36
你可以使用以下步骤来实现点击后在另一个 div 中显示传递过来的图片对象：
1. 首先，确保你的 HTML 中包含两个 div：一个是用于点击的 div，另一个是用于显示图片的 div。例如：
```html
点击我
```
2. 在 JavaScript 中，获取点击的 div 元素和图片显示的 div 元素，并为点击的 div 元素添加点击事件监听器。例如：
```javascript
const clickDiv = document.getElementById('clickDiv');
const imageDiv = document.getElementById('imageDiv');
clickDiv.addEventListener('click', function() {
// 在这里处理点击事件
});
```
3. 在点击事件处理函数中，将传递过来的图片对象添加到图片显示的 div 元素中。你可以使用`createElement`和`appendChild`方法来创建和添加图片元素。例如：
```javascript
clickDiv.addEventListener('click', function() {
// 创建一个 img 元素
const imageElement = document.createElement('img');
// 设置图片的 src 属性为传递过来的图片对象的地址
imageElement.src = '传递过来的图片对象的地址';
// 将图片元素添加到图片显示的 div 元素中
imageDiv.appendChild(imageElement);
});
```
在这个例子中，你需要将`'传递过来的图片对象的地址'`替换为你实际传递过来的图片对象的地址。这样，当点击点击的 div 元素时，图片对象就会显示在图片显示的 div 元素中。
希望这可以帮助到你！
更新于 2023年11月21日
