码迷,mamicode.com
首页 > Web开发 > 详细

HTML DOM对象之createElement()方法

时间:2016-09-04 20:40:46      阅读:274      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!