js遍历 子节点 子元素

简介: <p style="color:rgb(51,51,51); font-family:Arial; font-size:13.63636302947998px; line-height:26px"> js遍历 子节点 子元素</p> <p style="color:rgb(51,51,51); font-family:Arial; font-size:13.63636302947998

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     使用指定的样式表将节点及其后代转换为对象
相关文章
|
4月前
|
JavaScript 前端开发 索引
js遍历的方法与区别
js遍历的方法与区别
64 3
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
41 2
JavaScript基础知识-数组的遍历
|
2月前
|
JavaScript
js之遍历方法
js之遍历方法
13 0
|
4月前
|
JavaScript 前端开发
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类(String、Number、Boolean),并详细讲解了数组的创建、方法(如forEach、push、pop、unshift、slice、splice)和遍历操作,以及工厂方法创建对象和原型对象的概念。
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
|
4月前
|
机器学习/深度学习 JavaScript
node.js实现遍历所有文件夹里面的js文件,提取所有的url
node.js实现遍历所有文件夹里面的js文件,提取所有的url
|
4月前
|
JavaScript
js之遍历方法
js之遍历方法
40 0
|
5月前
|
JavaScript API
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
87 1
|
5月前
|
算法 JavaScript
JS 【详解】树的遍历(含深度优先遍历和广度优先遍历的算法实现)
JS 【详解】树的遍历(含深度优先遍历和广度优先遍历的算法实现)
74 0
JS 【详解】树的遍历(含深度优先遍历和广度优先遍历的算法实现)
|
5月前
|
算法 JavaScript
JS 【详解】二叉树(含二叉树的前、中、后序遍历技巧和算法实现)
JS 【详解】二叉树(含二叉树的前、中、后序遍历技巧和算法实现)
53 0
|
5月前
|
JavaScript 前端开发
JavaScript 遍历DOM
JavaScript 遍历DOM
45 0

热门文章

最新文章