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

JS原生追加子节点

时间:2017-07-30 13:50:17      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:div   节点   art   script   pre   移动   指点   get   data-   

 var fragment = document.createDocumentFragment();
li = document.createElement('li');
li.className = "xxx";
fragment.appendChild(li);  
document.getElementById("xx").appendChild(fragment);

如上,须要先原生创建节点,节点内容成为了document的一部分才干appendchild。
假设直接  appendchild(“<div></div>”)是不能够的。
由于appendChild(Node)这个 方法通常是在指定元素节点的最后一个子节点之后加入节点 
但假设Node是页面中的DOM对象,那么就不是加入节点了,就是直接Move节点。 
appendChild你能够理解为移动一个元素。假设想复制一份过去,要事先clone 
可是无论如何,这个node须要先存在。
append()前面是要选择的对象,后面是要在对象内插入的元素内容 

appendTo()前面是要插入的元素内容且为Jquery对象。而后面是要选择的对象 

实例: 

$('#a').append('content'); 
$('<div>content</div>').appendTo($('#a')); 

//注意appendTo前面一定要是Jquery对象。 

纯属个人观点。有误希望大家指点,谢谢

JS原生追加子节点

标签:div   节点   art   script   pre   移动   指点   get   data-   

原文地址:http://www.cnblogs.com/lxjshuju/p/7258846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!