1. 程式人生 > >Javascript的增刪改查

Javascript的增刪改查

javaScript的增刪改查

###獲取元素

1,標準DOM  API

     document.getElementById

     document.getElementsByTagName

     document.getElementsByName

     document.getElementsByClassName

     document.querySelectorAll

2,親屬訪問

3,屬性獲取

     getAttribute

      getAttributeNode

*******************************************************************************

###增加

1,建立

document.createElement   建立元素節點

document.createTextNode   建立文字節點

document.createAttribute   屬性節點

innerHTML

innerText

cloneNode()

2,加入

appendChild

innerHTML

insertBefore

注意insetBefore()用法:父元素.insertBefore(新元素,舊元素);//將新元素插入到就元素的前面

3,其他

style的操作

setAttribute(屬性名,屬性值)

******************************************************************************

###刪除

1,刪除元素

     removeChild

     removeAttributeNode

1,修改節點

     刪除節點再加入

2,修改樣式

     style.xxx=vvv;

     setAttribute

     innerHTML

     innerText

     節點操作

     nodeValue

4,修改屬性

   .xxx=vvv;

   setAttribute


補充:DOM樹(從一箇中心節點訪問其所有的直系親屬節點)

訪問父節點:parentNode

訪問上一個兄弟節點:previousSibling

訪問下一個兄弟接待:nextSibing

訪問第一個屬性節點:sttributes[1]

訪問最後一個子節點:lastChild或childNodes[childNodes.length-1]