我们如何在html中添加多个图像

问题描述 投票:0回答:1

尊敬的前辈

我刚刚开始使用 html,当我们想要添加多个图像时,我遇到了一个问题:是否每个图像都需要特定的标签,或者是否有任何方法可以仅使用一两个标签添加多个图像 我想说的是,就像在 Java 中一样,我们能够借助一种数据类型来存储多个整数值 HTML 是否具有此类功能,例如我想添加 10 个图像,每个图像都需要特定标签,还是有任何方法可以轻松添加多个值...

我需要轻松添加多个图像的建议

html
1个回答
0
投票

据我所知,没有办法将多个图像的 src 放入一个标签内。 做到这一点的方法是使用每个图像的标签。

更重要的是,您可以通过

javascript
循环创建,每次当其路由在数组中时创建一个图像:

html:

<body id="body">
</body>

javascript:

let body=document.getElementById("body");
const images=["img1.jpg","img2.jpg"/*and so on... */];
let img;
for(i=0;i<images.length;i++)
    {
        img=document.createElement("img");
        img.src=images[i];
        body.appendChild(img);
    }

如果有人真的知道可以将多个图像源放入一个标签中,如果他们分享,我将不胜感激......谢谢!

© www.soinside.com 2019 - 2024. All rights reserved.