Question

如何将其转换为Javascript？我正在尝试创建超过1个相同类但不同图像的div。

<div class="swiper-slide" style="background-image:url(image/test1.jpg)"></div>
<div class="swiper-slide" style="background-image:url(image/test2.jpg)"></div>

我尝试了这个，但它不起作用

var div = document.createElement('div');
div.className = 'swiper-slide';

div.style.backgroundImage = 'url("image/test1.jpg")';
div.style.backgroundImage = 'url("image/test2.jpg")';

Answer 1

您需要添加

document.append(div)

'document'可以是任何父元素。

Answer 2

您可以尝试这样的多个图像将图像名称转换为数组并循环它

var images = ['test1','test2','test3'];
for(var i=0;i<images.length;i++){
var div = document.createElement('div');
div.className = 'swiper-slide';

div.style.backgroundImage = 'url("image/'+images[i]+'.jpg")';
div.innerHTML="asd"+i;
document.getElementById('asd').append(div);
}

<body>
<div id="asd">
</body>

根据Class使用Javascript创建新的DIV

2 个答案: