javascript操作DOM：增加节点

//创建一个p标签节点，保存在变量node_p中，此时node_p是一个p标签节点对象

document.getElementById('container').appendChild(node_p);
//将创建的节点node_p载入id=container的元素中

以上创建的是元素节点，即普通的html元素，如p，div，ul，li等

以下介绍的是文本节点的创建，文本节点则是html元素包含的内容，一般是一些简单的字符串

var art = document.createTextNode('Hello World');
//创建一个内容为"Hello World"的文本节点

node_p.appendChild(art); //将文本插入p标签中

最终产生的结果是：
<p>Hello World</p>

parentnodeobj.insertBefore(dom1 , dom2);
//在parentnodeobj节点下，在其子节点dom2前插入节点dom1，dom1和dom2都是parentnode的子节点

var new_p = node_p.cloneNode(false); 
//复制标签为p的节点，false表示不复制子节点，true则表示连同子节点一并克隆 

转载于:https://my.oschina.net/haigou20/blog/122961