如何使用JavaScript动态插入网页中的图片元素？

本文共计581个文字，预计阅读时间需要3分钟。

JavaScript中添加图片的方法：

1.首先使用createElement()方法创建一个img元素；

2.然后将图片的URL赋值给img元素的src属性；

3.最后使用appendChild()方法将img元素添加到指定的DOM对象中。

javascript加入图片的方法：首先使用createElement()方法创建一个img元素；然后向img元素的src属性赋图片的URL地址值；最后使用appendChild()方法将img元素添加到指定dom对象中即可。

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript如何加入图片？

createElement() 方法

createElement() 方法通过指定名称创建一个元素

语法：

document.createElement(nodename)

参数：nodename：必须。创建元素的名称。

返回值：创建的元素节点

getElementById() 方法

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。