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]