1、建立節點:
建立一個新的元素節點:createElement() 【 reference=document.createElement(element) 】
建立一個新的文本節點:createTextNode() 【 reference=document.createTextNode(text) 】
2、複製節點:cloneNode() 【 reference=node.cloneNode(deep) //該方法的參數deep取值只能為true/false,表示是否把複製節點的子節點一同複製到建立的節點中去】
3、插入節點:
給給定元素追加一個子節點
appendChild() 【 reference=element.appendChild(newChild) //newChild將成為element元素節點的最後一個節點】
將一個給定節點插入到一個給定元素節點的給定子節點前面
insertBefore() 【 reference=element.insertBefore(newNode,targetNode)】
4、刪除節點: removeChild() 【 reference=element.removeChild(node) //從給定的元素節點裡刪除一個子節點】
5、替換節點: replaceChild() 【 reference=element.replaceChild(newChild,oldChild) //把一個給定父元素裡的一個子節點替換為另一個節點】
6、處理節點:
7、尋找節點:
getAttribute() 【 attributeValue=element.getAttribute(attributeName) //返回一個給定元素的一個給定屬性節點的值】
getElementById() 【 element=document.getElementById(ID) //尋找一個給定ID屬性值的元素】
getElementsByTagName() 【 elements=document.getElementsByTagName(tagName) //尋找有著給定標籤名的所有元素,返回一個集合】
hasChildNodes 【 booleanValue=element.hasChildNodes //檢查一個給定元素是否有子節點,文本節點和屬性節點都不可能再包含任何子節點】
8、節點的屬性: 文檔裡的每個節點都有以下屬性
nodeName 是一個唯讀屬性 【name=node.nodeName // 元素節點返回元素名字,屬性節點返回屬性名稱字,文本節點返回字串 #text 】
nodeType 代表給定節點的類型 【integer=node.nodeType //nodeType有12種可取值 】
nodeValue 代表給定節點的當前值 【 value=node.nodeValue //該屬性將返回一個字串,屬性節點返回這個屬性的值,文本節點返回這個文本節點的內容,元素節點返回 null】
9、遍曆節點樹:
childNodes屬性,返回一個由給定元素節點的子節點構成的數組:nodeList=node.childNodes,子節點個數:node.childNodes.length,唯讀屬性
firstChild屬性,返回一個給定元素節點的第一個子節點:reference=node.firstChild等價於reference=node.childNodes[0],唯讀屬性
lastChild屬性,返回一個給定元素節點的最後一個子節點:reference=node.lastChild等價於reference=node.childNodes[node.childNodes.length-1],唯讀屬性
nextSibling屬性,返回一個給定節點的下一個節點:reference=node.nextSibling,唯讀屬性
parentNode屬性,返回一個給定節點的父節點:reference=node.parentNode,parentNode屬性返回的節點永遠都是一個元素節點,因為只有元素節點才可能包含子節點除 document節點,唯讀屬性
previousSibling屬性,返回一個給定節點的前一個子節點:reference=node.previousSibling,唯讀屬性