1. 犀牛前端部落首页
  2. JavaScript百科

js创建img节点

js创建img节点

本文介绍:以编程方式将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)

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/3369.html

发表评论

登录后才能评论