Javascript中动态生成新节点

Javascript中动态生成新节点

在DOM中生成新的节点，需要以下过程：
创建一个新元素(以段落标记为例)
  var newElement = document.createElement("P");
  此时生成的元素只存在于浏览器内存中，还不是文档包含层次的一部分。
如果需要为元素设置属性，可以使用setAttribute()方法
  newElement.setAttribute("id","newP");
  或 newElement.id = "newP";
如果要在段落中加入文本，可以先生成一个文本节点作为对象
  var newText = document.createTextNode("Something write here");
而后把文本对象放入元素中
  newElement.appendChild(newText);
最后一步，也是最重要的一步，一定要把生成的新元素作为body元素的子节点插入(其它元素插入到相应的父节点之下)
  document.body.appendChild(newElement);
这样，新元素才是文档包含层次的一部分，可以像引用文档中其它元素一样引用。