動態建立html內容時所用的W3C DOM屬性和方法

標籤：for   tno   父節點   node   節點   w3c dom   ace   方法參數   pre   

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的標記名稱.

動態建立html內容時所用的W3C DOM屬性和方法