本文介绍:以编程方式将img标签添加到DOM,换句话说,动态地img添加到HTML页面。
为此,我们需要使用document对象的createElement方法创建了一个img元素:
const image = document.createElement('img')
然后设置img的src属性:
image.src = '/picture.png'
(您可以使用相对URL或绝对URL,就像您在普通HTML img标记中使用的那样)
确定了要添加img标签之后,再调用了appendChild()方法:
document.querySelector('.container').appendChild(image)