动态创建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节点数组;

节点的属性和方法:

<element>.appendChild(childNode) :appendChild方法将指定的节点增加到当前元素的子节点列表(作为一个新的子节点).例如,可以增加一个option元素,作为select元素的子节点.

<element>.getAttribute(name) :该方法用来获得元素中name属性的值.

<element>.setAttribute(name,value) :该方法用来设置元素中name属性的值.

<element>.insertBefore(newNode,targetNode) :该方法将节点newNode作为当前元素的子节点插到targetNode子节点元素的前面.

<element>.removeAttribute(name) :该方法从元素中删除属性name.  

<element>.removeChild(childNode) :该方法从元素中删除子元素childNode.

<element>.replaceChild(newNode,oldNode) :该方法将节点oldNode替换为节点newNode.

<elemnet>.hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素.

<element>.tagName :元素的标记名称,比如<p>元素为PHTML文档返回的tagName均为大写;

<element>.getAttributeNode() :以Attr节点的形式返回指定属性的值;

<element>.getElementsByTagName() :返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序.

<element>.hasAttribute() :如果该元素具有指定名字的属性,则返回true;

<element>.removeAttributeNode() :从元素的属性列表中删除指定的Attr节点.

<element>.setAttributeNode() :把指定的Attr节点添加到该元素的属性列表中．

<element>.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的标记名称.