日记（数组打印图片）

最新推荐文章于 2022-11-09 10:52:31 发布

lancelts

最新推荐文章于 2022-11-09 10:52:31 发布

阅读量282

点赞数

分类专栏：笔记，日记文章标签： html js

本文链接：https://blog.csdn.net/lancelts/article/details/75331288

版权

笔记，日记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var imgs=new Array('cv1.png','cv2.jpg','cv3.png');
			for (var i=0;i<imgs.length;i++) {
				var de=document.createElement('img');
				de.setAttribute('src','img/'+imgs[i]);
				de.setAttribute('width','400px');
				de.setAttribute('height','400px');
				de.setAttribute('float','left');
				document.body.appendChild(de);
			}
		</script>
	</body>
</html>

思路：

创建数组

循环数组

创建img节点

添加属性，并赋值

插入body中

注：这是给自己看得，不懂或者垃圾不能怪我吐舌头

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lancelts

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
日记（数组打印图片）

var imgs=new Array('cv1.png','cv2.jpg','cv3.png'); for (var i=0;i<imgs.length;i++) { var de=document.createElement('img'); de.setAttribute('src','img/'+imgs[i]); de.setAttribute('width'
复制链接

扫一扫