动态创建标记

标签：

回顾：

使用getElementById和getElementByTagName查找元素节点，使用 setAttribute改变某个属性值，使用 nodeValue改变节点内容(elems[0].childNodes[0].nodeValue),需要结合 xxxnodes来使用

创建标签

传统方式：

document.write 嵌在html中直接输出 ，不推荐使用

innerHTML：虽然不是w3c Dom 组成部分，但是几乎所有主流浏览器都支持，已经包含在html5中，插入大段 的html时候，比较适合使用

DOM 方法：

createElement： document.createElement（"p"）

appendChild:把新创建的节点插入到节点树中最简单的方法，让它成为这个现有文档节点的一个子节点： parent.appendChild(nodes)

createTextNode:document.createTextNode("hello world")

var para=document.createElement("p");
var parentnode=document.getElementById("testdiv");
parentnode.appendChild(para);
var text=document.createTextNode("hello world");
para.appendChild(txt)

insertBefore：

动态创建标记

标签：

原文地址：http://www.cnblogs.com/haigui-zx/p/4809859.html