html 遍历子节点,js遍历子节点子元素附属性及方法

// 添加子节点前 删除所有子节点

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 使用指定的样式表将节点及其后代转换为对象