北温带的鱼 2021-05-31 14:57 采纳率: 100%
浏览 110
已采纳

这个怎么写,大佬帮帮忙,拜托拜托。

 

  • 写回答

3条回答 默认 最新

  • CSDN专家-林老师 2021-05-31 15:27
    关注
    <!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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常
  • ¥15 关于风控系统,如何去选择