js显示多张图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Display Multiple Images</title>
</head>
<body>
    <div id="image-container"></div>

    <script>
        // 图片URL数组
        const imageUrls = [
            'path/to/image1.jpg',
            'path/to/image2.jpg',
            'path/to/image3.jpg',
            // 添加更多图片URL
        ];

        // 获取存放图片的容器
        const container = document.getElementById('image-container');

        // 遍历图片URL数组，创建并插入<img>元素
        imageUrls.forEach(url => {
            const imgElement = document.createElement('img');
            imgElement.src = url;
            imgElement.alt = 'Description of the image'; // 提供图片描述
            container.appendChild(imgElement);
        });
    </script>
</body>
</html>