脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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 使用指定的样式表将节点及其后代转换为对象

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-js遍历 子节点 子元素全部内容，希望文章能够帮你解决javascript代码实例教程-js遍历 子节点 子元素所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。