原生JS实现照片墙

原生Javascript实现照片墙

最近跟着网易云课堂的JS学习视频的案例篇实现了一个类似这样的界面：

实现思路很简单，大致如下：

1.首先布局html:

<ul id="ps"></ul>

仅一个ul标签，其余元素之后再通过JS添加

2.通过js循环添加图片与元素：

				var ul=document.getElementById('ps');
				for(let i=1;i<=10;i++){
   
				var li=document.createElement('li');
				ul.appendChild(li);
				var img=document.createElement('img');
				img.setAttribute('src','img/'+i+'.jpg');
				li.appendChild