首页 > Web开发 > 详细

HTML DOM对象之createElement()方法

时间:2016-09-04 20:38:39      阅读:167      评论:0      收藏:0      [点我收藏+]

今天在学习DOM节点操作时,发现了创建DOM节点的createElement()方法的一个有意思的现象。

代码如下:

    var box=document.getElementById("box");//假设网页中已经有个ID为box的元素;

    var bbb=document.getElementById("bbb");//假设网页中已经有个ID为box的元素;

    var aaa=document.createElement("div");//创建一个div元素

           box.appendChild(aaa);//在box元素的最后面插入一个新节点aaa;(此时,aaa在box中的最后面)

    box.insertBefore(aaa,bbb);//在box元素之前插入一个新节点aaa;(此时,aaa在bbb前面,并从box中最后面消失)

    box.appendChild(aaa);//在box元素的最后面插入一个新节点aaa;(此时,aaa在box中的最后面,并从box前面消失)

于是我猜想,createElement()方法创建的元素是动态的,而且是唯一的,

无论你对其创建的元素调用多少次,createElement()创建的元素存在的位置属于根据最后一次被调用的节点来判断。

在这暂时纪录下,留待以后深入理解。

HTML DOM对象之createElement()方法

原文:http://www.cnblogs.com/yinxianglong/p/5840120.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!