DOM學習筆記

直接引用節點:
document.getElementById("ID")
document.getElementsByTagName("TagName")
間接引用節點:
document.childNodes --引用所有的子節點
document.childNodes[0]--引用第一個子節點
element.firstChild,element.lastChild,表示第一個子節點和最后一個子節點
element.childNodes[0],element.childNodes[element.childNodes.length-1]表示第一個子節點和最后一個子節點
element.parentNode,引用父節點
element.nextSibling,element.previowSibing引用兄弟節點
獲取節點信息:
Node.nodeName,獲取節點名稱,元素節點返回元素的名稱,如span返回span,屬性返回屬性名稱如 id返回ld,文本節點返回文本內容
Node.nodeType,對應3种類型的節點,元素節點返回1,屬性節點返回2,文本節點返回3
Node.nodeValue,返回文本節點的內容
判斷是否有子節點:
Node.hasChildNodes();
處理屬性節點:可以用節點名.屬性名稱來引用
添加屬性:elementNode.setAttributes(AttributesName,AttributesValue)
獲取屬性:elementNode.getAttributes(AttributesName);
處理文本節點:
1.document.getElementById("nodeId").innerHTML來獲取或設置
2.document.getElementById("nodeID").childNodes[0].nodeValue