node

classfication

1. element node
2. attribute node
3. text node

find

• find parent node

  1
  <DOM>.parentNode

• find child node

  1. single

     1
     <DOM>.childNodes

     get all child node include text node

  2. children

     1
     <DOM>.children

     only get element node,return pseudo array

• find brother node

  • next node

    1
    <DOM>.nextElementSibling

  • previous node

    1
    previousElementSibling

create node

1. create

   1
   document.createElement('<tag>')

2. add

   • append

     next

     1
     <fater Element>.appendChild(<create Element>)

   • insert

     before

     1
     <fater Element>.insertBefore(<create Element>,<insert Element>)

clone

1
<Element>.cloneNode(<bool>)

CloneNode will clone the same elements as the original label

• if true,it will clone descendant nodes
• default is false

delet

1
<father Element>.removeChild(<delete Element>)

if there is no parent element,it cannot be deleted