JavaScript appendChild 图像节点

在 JavaScript 中，使用 appendChild 方法可以向 HTML 文档中添加新的元素。其中，可以使用 document.createElement 方法创建新元素，并使用 appendChild 方法将其添加到指定的父元素中。

对于图像节点，可以使用 document.createElement('img') 创建图像元素，并通过 src 属性指定图像的 URL。然后，使用 appendChild 方法将图像元素添加到指定的父元素中。

下面是一个例子：

// 创建一个新的图像元素
const img = document.createElement('img');

// 设置图像的 URL
img.src = 'https://example.com/image.png';

// 将图像添加到指定的父元素中
const parentElement = document.getElementById('my-container');
parentElement.appendChild(img);

在上面的例子中，img 变量存储了新创建的图像元素，src 属性指定了图像的 URL。然后，使用 getElementById 方法获取指定的父元素，并使用 appendChild 方法将图像元素添加到父元素中。

需要注意的是，添加图像元素时，需要先确保图像已经完全加载完成。可以使用 onload 事件来监听图像加载完成的情况，并在此时才将图像添加到 HTML 文档中。例如：

const img = document.createElement('img');
img.src = 'https://example.com/image.png';

// 监听图像加载完成事件
img.onload = function() {
  const parentElement = document.getElementById('my-container');
  parentElement.appendChild(img);
};

在上面的例子中，img 变量存储了新创建的图像元素，src 属性指定了图像的 URL。然后，使用 onload 事件监听图像加载完成的情况，并在该事件触发后，使用 appendChild 方法将图像元素添加到指定的父元素中。

总之，使用 appendChild 方法可以方便地向 HTML 文档中添加新元素，包括图像元素。需要注意的是，添加图像元素时要确保图像已经完全加载完成。