動態建立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的標記名稱.
node

相關文章
相關標籤/搜索