动态建立html内容时所用的W3C DOM属性和方法

document的属性和方法: 
 document.createElement(tagName) :文档对象上的createElement方法能够建立由tagName指定的元素.若是以串div做为方法参数,就会生成一个div元素. 
 document.createTextNode(text) :文档对象的createTextNode方法会建立一个包含静态文本text的文本节点. 
 document.createAttribute(): 用指定的名字建立新的Attr节点. 
 document.createComment() :用指定的字符串建立新的Comment节点. 
 document.getElementById(): 返回文档中具备指定id的Element节点. 
 document .getElementsByTagName(): 返回文档中具备指定标记名的全部Element节点.返回为一Element节点数组; 



 节点的属性和方法: 
 appendChild(childNode) :appendChild方法将指定的节点增长到当前元素的子节点列表(做为一个新的子节点).例如,能够增长一个option元素,做为select元素的子节点. 
getAttribute(name) : 该方法用来得到元素中name属性的值. 
setAttribute(name,value) : 该方法用来设置元素中name属性的值. 
insertBefore(newNode,targetNode) :该方法将节点newNode做为当前元素的子节点插到targetNode子节点元素的前面. 
removeAttribute(name) :该方法从元素中删除属性name. 
removeChild(childNode) :该方法从元素中删除子元素childNode. 
replaceChild(newNode,oldNode) :该方法将节点oldNode替换为节点newNode.
hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素. 
tagName :元素的标记名称,好比<p>元素为PHTML文档返回的tagName均为大写;
getAttributeNode() :以Attr节点的形式返回指定属性的值;
getElementsByTagName() :返回一个Node数组,包含具备指定标记名的全部Element节点的子孙节点,其顺序为在文档中出现的顺序.
hasAttribute() :若是该元素具备指定名字的属性,则返回true;
removeAttributeNode() :从元素的属性列表中删除指定的Attr节点.
setAttributeNode() :把指定的Attr节点添加到该元素的属性列表中．
cloneNode(true) :复制当前节点,true表示复制当前节点以及它的全部子孙节点.

Node对象经常使用属性:
<element>.attributes :若是该节点是一个Element,则以namedNodeMap形式返回该元素的属性.
<element>.childNodes :以Node[]的形式存放当前节点的子节点.若是没有子节点,则返回空数组.
<element>.firstChild :以Node的形式返回当前节点的第一个子节点.若是没有子节点,则为null.
<element>.lastChild :以Node的形式返回当前节点的最后一个子节点.若是没有子节点,则为null.
<element>.nextSibling :以Node的形式返回当前节点的兄弟下一个节点.若是没有这样的节点,则返回null.
<element>.previousSibling :以Node的形式返回紧挨当前节点,位于它以前的兄弟节点.若是没有这样的节点,则返回null.
<element>.parentNode :以Node的形式返回当前节点的父节点.若是没有父节点,则返回null.
<element>.nodeType :表明节点的类型.
<element>.nodeName :节点的名字,Element节点则表明Element的标记名称.