如何使用JavaScript将图像添加到DOM

我需要以编程方式将图片添加到DOM,换句话说就是HTML页面。

为此,我创建了一个img元素使用createElementDocument对象的方法:

const image = document.createElement('img')

然后我设置src图片的属性:

image.src  = '/picture.png'

(您可以使用相对或绝对URL,就像在普通HTML中使用的一样img标签)

然后,我确定了要将图像附加到的容器,然后我将其命名为appendChild()方法就可以了:

document.querySelector('.container').appendChild(image)

免费下载我的JavaScript初学者手册


更多浏览器教程: