需求:写70个图片
最笨的办法:直接写入70个img 分别写入他们的路径
缺点:麻烦,无脑式输入
优化: 通过for循环遍历,一气呵成
for (var i = 1; i < 71; i++) {
var arr = document.querySelector('.swiper-wrapper')
var divs = document.createElement('div'); //创建元素
divs.setAttribute('class', 'swiper-slide');//加入类名
divs.setAttribute('style', 'background: url(./imges/' + i + '.jpg) no-repeat center;background-size: 100% 100%') //加入属性
arr.appendChild(divs);
}
基础点:如何遍历我们的假数据
最新推荐文章于 2022-06-28 16:54:30 发布