js遍历 子节点 子元素

js遍历 子节点 子元素

 

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