js遍歷子節點子元素附屬性及方法_javascript技巧

複製程式碼 程式碼如下:

// 新增子節點前 刪除所有子節點

var usernameEle = document.getElementById("username");
var childs = usernameEle.childNodes;
for(var i = childs.length - 1; i >= 0; i--) {
usernameEle.removeChild(childs[i]);
}
var username = document.createTextNode(obj.username);
usernameEle.appendChild(username);

屬性：

nextSibling 傳回目前節點的下一個兄弟節點(唯讀)
previousSibling 傳回此節點的前一個兄弟節點(唯讀)
parentNode 傳回父節點(唯讀)
childNodes 儲存節點的子節點清單(唯讀)
nodeValue 傳回節點的文字(可讀寫)
Text 傳回此節點及其後代的文字內容(可讀寫)
nodeName 傳回節點的名字(唯讀)

Attributes 儲存節點的屬性清單(唯讀)
dataType 傳回此節點的資料類型
Definition 以DTD或XML模式給出的節點的定義(唯讀)
Doctype 指定文檔類型節點(唯讀)
documentElement 傳回文件的根元素(可讀寫)
firstChild 傳回目前節點的第一個子節點(唯讀)
Implementation 傳回XMLDOMImplementation物件
lastChild 傳回目前節點最後一個子節點(唯讀)
nodeType 傳回節點的型別(唯讀)
nodeTypedValue 儲存節點值(可讀寫)
ownerDocument 傳回包含此節點的根文檔(唯讀)
Parsed 傳回此節點及其子節點是否已解析(唯讀)
Prefix 傳回名稱空間前綴(唯讀)
preserveWhiteSpace 指定是否保留空白(可讀寫)
url 傳回最近載入的XML文件的URL(唯讀)
Xml 傳回節點及其後代的XML表示(唯讀)

方法：

getElementsByTagName 傳回指定名字的元素集合
appendChild 為目前節點新增一個新的子節點,放在最後的子節點後
createElement 建立一個元素節點
createTextNode 建立包含給定資料的文字節點
removeChild 從子結點清單中移除指定的子節點
hasChildNodes 傳回目前節點是否有子節點

cloneNode 傳回目前節點的拷貝
createAttribute 建立新的屬性
createCDATASection 建立包含給定資料的CDATA段
createComment 建立一個註解節點
createDocumentFragment 建立DocumentFragment物件
createEntityReference 建立EntityReference物件
createNode 建立給定類型,名字和命名空間的節點
createPorcessingInstruction 建立操作指令節點
insertBefore 在指定節點前插入子節點
Load 匯入指定位置的XML文件
loadXML 匯入指定字串的XML文件
replaceChild 從子節點清單中取代指定的子節點
Save 把XML檔案存到指定節點
selectNodes 對節點進行指定的匹配,並傳回匹配節點列表
selectSingleNode 對節點進行指定的匹配,並傳回第一個匹配節點
transformNode 使用指定的樣式表對節點及其後代進行轉換
transformNodeToObject 使用指定的樣式表將節點及其後代轉換為物件