北温带的鱼 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条)

报告相同问题？

悬赏问题

  • ¥15 救！ENVI5.6深度学习初始化模型报错怎么办？
  • ¥30 eclipse开启服务后，网页无法打开
  • ¥30 雷达辐射源信号参考模型
  • ¥15 html+css+js如何实现这样子的效果？
  • ¥15 STM32单片机自主设计
  • ¥15 如何在node.js中或者java中给wav格式的音频编码成sil格式呢
  • ¥15 不小心不正规的开发公司导致不给我们y码，
  • ¥15 我的代码无法在vc++中运行呀，错误很多
  • ¥50 求一个win系统下运行的可自动抓取arm64架构deb安装包和其依赖包的软件。
  • ¥60 fail to initialize keyboard hotkeys through kernel.0000000000