JavaScript实现页面动态添加图片

最新推荐文章于 2023-02-20 09:07:09 发布

鸟飞惊了看花人

最新推荐文章于 2023-02-20 09:07:09 发布

阅读量3.6k

点赞数 3

分类专栏： JS+JQ 文章标签： JS 动图

本文链接：https://blog.csdn.net/weixin_44535476/article/details/99857812

版权

JS+JQ 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="Banner">点击我</div>
	<script>
		window.onload = function(){
			document.body.addEventListener('click', function () {
     			 var myParent = document.getElementById("Banner"); 
     			 var myImage = document.createElement("img");
			     myImage.src = 'https://thecatapi.com/api/images/get?format=src&type=gif';
			     myParent.appendChild(myImage);
			     myImage.style.marginLeft = "160px";
			});
		}
	</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鸟飞惊了看花人

关注关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现页面动态添加图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="Banner">点击我</div> <scr...
复制链接

扫一扫