JavaScript 使用 for 循环在 div 标签中添加本地图片
可以使用以下 JavaScript 代码来实现:
// 获取 lunbo 类的 div 元素
const lunboDiv = document.querySelector('.lunbo');
// 本地图片路径数组
const images = [
'image1.jpg',
'image2.jpg',
'image3.jpg'
];
// 使用 for 循环向 lunbo 类的 div 元素添加图片
for (let i = 0; i < images.length; i++) {
// 创建图片元素
const img = document.createElement('img');
// 设置图片路径
img.src = images[i];
// 添加图片元素到 lunbo 类的 div 元素中
lunboDiv.appendChild(img);
}
以上代码通过获取 'lunbo' 类的 'div' 元素,然后使用 'for' 循环遍历本地图片路径数组,创建图片元素并设置图片路径,最后将图片元素添加到 'lunbo' 类的 'div' 元素中。
原文地址: https://www.cveoy.top/t/topic/pdt1 著作权归作者所有。请勿转载和采集!