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);
这样,新元素才是文档包含层次的一部分,可以像引用文档中其它元素一样引用。