如何使用 JavaScript 动态创建图像元素？

JavaScript 可以通过 createElement 方法来动态创建各种 HTML 元素，包括图像元素。以下是如何使用 JavaScript 动态创建图像元素的步骤：

1. 创建 img 元素。

const img = document.createElement("img");

2. 设置 src 属性来指定图像来源。

img.src = "https://example.com/image.jpg";

3. 可选的，设置 alt 属性来为图像提供替代文本。

img.alt = "A beautiful sunset";

4. 可选的，设置其他属性如 title、width 和 height 等。

img.title = "Sunset in Hawaii";
img.width = 800;
img.height = 600;

5. 将图像元素添加到文档中的某个元素内。

const container = document.getElementById("image-container");
container.appendChild(img);

完整的代码：

const img = document.createElement("img");
img.src = "https://example.com/image.jpg";
img.alt = "A beautiful sunset";
img.title = "Sunset in Hawaii";
img.width = 800;
img.height = 600;
const container = document.getElementById("image-container");
container.appendChild(img);

这样，一个包含图像的 HTML 元素就被动态创建出来了。开发者可以根据自己的需要，进一步修改和样式化图像元素。