当前第2页 返回上一页
appendChild() 方法
appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。
提示:如果文档树中已经存在了 newchild,它将从文档树中删除,然后重新插入它的新位置。如果 newchild 是 DocumentFragment 节点,则不会直接插入它,而是把它的子节点按序插入当前节点的 childNodes[] 数组的末尾。
你可以使用 appendChild() 方法移除元素到另外一个元素。
语法:
参数:node:必须。你要添加的节点对象。
示例:JavaScript向div元素中添加图片
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
<script type= "text/javascript" >
window.onload = function () {
var bigImg = document.createElement( "img" );
bigImg.src = "https://www.html.cn/static/images/logo.png" ; //给img元素的src属性赋值
var myp = document.getElementById( 'myp' );
myp.appendChild(bigImg);
};
</script>
</head>
<body>
<div id= "myp" style= "border:1px solid #eee;width:320px;height:100px;" ></div>
</body>
</html>
|
【推荐:javascript高级教程】
以上就是javascript如何加入图片的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
举例说明js调用php和php调用js的方法
javascript数组中怎么删除元素
javascript是什么格式的文件
javascript判断"字典"为空的方法
浏览器解析渲染html文档的过程详解(图文)
javascript如何删除cookie
详解js中的continue和break语法的差异
javascript如何将数组转换为字符串
javascript match什么意思
javascript中slice方法怎么用
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript如何加入图片