DOM方法和屬性匯總

來源:互聯網
上載者:User

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,唯讀屬性

     

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.