2条回答 默认 最新
- CSDN专家-sinJack 2021-05-31 15:31关注
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #container { width: 900px; height: 400px; } .img { width: 300px; height: 400px; float: left; } .img > img { width: 300px; height: 400px; } </style> </head> <body> <div class="oprate"> <button onclick="handleAddImg()">添加图片</button> <button onclick="handleRemoveImg()">删除图片</button> <button onclick="handleCopyImg()">复制图片</button> </div> <div id="container"> <div class="img"> <img src="./11.jpg" alt=""> </div> <div class="img"> <img src="./22.jpg" alt=""> </div> </div> <script> function handleAddImg() { var childNode = document.createElement('div') childNode.className = 'img' var imgNode = document.createElement('img') imgNode.setAttribute('src', './33.jpg') childNode.appendChild(imgNode) var container = document.getElementById('container') container.appendChild(childNode) } function handleRemoveImg() { var container = document.getElementById('container') container.removeChild(document.getElementsByClassName('img')[0]) } function handleCopyImg() { var container = document.getElementById('container') children = document.getElementsByClassName('img') child = children[children.length - 1].cloneNode(true) container.appendChild(child) } </script> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 训练的多模态特征融合模型准确度很低怎么办
- ¥15 kylin启动报错log4j类冲突
- ¥15 超声波模块测距控制点灯,灯的闪烁很不稳定,经过调试发现测的距离偏大
- ¥15 import arcpy出现importing _arcgisscripting 找不到相关程序
- ¥15 onvif+openssl,vs2022编译openssl64
- ¥15 iOS 自定义输入法-第三方输入法
- ¥15 很想要一个很好的答案或提示
- ¥15 扫描项目中发现AndroidOS.Agent、Android/SmsThief.LI!tr
- ¥15 怀疑手机被监控,请问怎么解决和防止
- ¥15 Qt下使用tcp获取数据的详细操作