js给div添加图片,js里边怎么放图片

　　本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　使用JavaScript添加图片，可以先使用createElement()方法创建一个img元素，将图片的URL地址值赋给img元素的src属性；然后使用appendChild()方法将img元素添加到指定的dom对象中。

　　createElement() 方法

　　createElement()方法通过指定名称来创建元素。

　　语法：

　　document . createelement(nodename)参数：nodename:必选。所创建元素的名称。

　　返回值：创建的元素节点

　　getElementById() 方法

　　getElementById()方法返回对第一个具有指定Id的对象的引用。

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

　　如果没有指定ID的元素返回null

　　如果有多个元素具有指定的ID，则返回undefined。

　　语法：

　　文档. getelementbyid(elementID)appendChild() 方法

　　appendChild()方法可以在一个节点的子节点列表的末尾添加一个新的子节点。

　　提示：如果newchild已经存在于文档树中，它将从文档树中删除，然后重新插入到新位置。如果newchild是DocumentFragment节点，则不会直接插入，但它的子节点会按顺序插入到当前节点的childNodes[]数组的末尾。

　　可以使用appendChild()方法将一个元素移至另一个元素。

　　语法：

　　Node.appendChild(Node)参数：node:必选。要添加的节点对象。

　　示例：JavaScript向div元素添加一张图片

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　脚本类型=文本/javascript

　　window.onload=function() {

　　var bigImg=document . createelement( img )；//创建一个img元素

　　bigimg . src= logo . png ；//为img元素的src属性赋值

　　//bigimg . width= 320 ；//320像素不用加px

　　var myp=document . getelementbyid( myp )；//获取dom对象

　　myp . appendchild(bigImg)；//将子元素img添加到dom

　　};

　　/脚本

　　/头

　　身体

　　div id= myp style= border:1px solid # eee；宽度：320px高度：100像素；/div

　　/body

　　/html【推荐学习：javascript高级教程】以上是如何在JavaScript中添加图片的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。