首页 > 代码库 > js遍历 子节点 子元素

js遍历 子节点 子元素

2024-07-15 21:28:36   221人阅读

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


联系
我们