Code前端首页关于Code前端联系我们

js创建img节点

terry 2年前 (2023-09-09) 阅读数 150 #Javascript
文章标签 DOMimageJavaScript
js创建img节点

本文介绍:以编程方式向DOM添加img标签,即动态向HTML页面添加img标签。

为此,我们需要使用文档对象的 createElement 方法创建一个 img 元素:

const image = document.createElement('img')

然后设置img的src属性:

image.src  = '/picture.png'

(您可以使用相对URL或绝对URL,就像常规的HTML img标签一样)

一旦确认将添加img标签,就会调用appendChild()方法:

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

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

上一篇:js自定义错误 下一篇:js 对象 seal 方法

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门