javascript用for循环生成div和img元素，再生成img的src属性，并添加到div元素里面

cdcdhj

于 2021-07-14 21:54:57 发布

阅读量3.6k

点赞数 2

分类专栏： javascript学习日记文章标签： javascript

本文链接：https://blog.youkuaiyun.com/cdcdhj/article/details/118738396

版权

javascript学习日记专栏收录该内容

151 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<script language='javascript'>
		
		
		for(var i=0;i<5;i++){
			var div=document.createElement('div');
			div.className="box";
			document.body.appendChild(div);
		}
			for(var j=0;j<5;j++){
				var img=document.createElement('img');
				img.src="./img/"+(j+1)+".jpg";
				if(document.getElementsByClassName('box').length>0){
					document.getElementsByClassName('box')[j].appendChild(img);
				}
			}
			
		</script>
	</body>
</html>