以下为完整代码,如需要可自取
<p>
利用pokers文件夹中的图片,用纯JS生成图片依次排列到页面上。不允许使用样式表
</p>
<div id="divcontainer">
</div>
<script>
//获取到div
var div = document.getElementById("divcontainer");
for (var i = 1; i <= 13; i++) {
for (var j = 1; j <= 4; j++) {
// 创建一个新的元素img
var img = document.createElement("img");
//此处为图片路径,可根据需求更改
img.src = `./pokers/${i}_${j}.jpg`;
// appendChild添加子节点
div.appendChild(img);
img.style.margin = "20px"
}
}
</script>
效果图: