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


Posted in Javascript onAugust 19, 2014
// 添加子节点前 删除所有子节点
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 使用指定的样式表将节点及其后代转换为对象

Javascript 相关文章推荐
判断对象是否Window的实现代码
Jan 10 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
javascript中常用编程知识
Apr 08 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
Bootstrap和Java分页实例第一篇
Dec 23 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
Apr 28 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
基于Vue实现图片在指定区域内移动的思路详解
Nov 11 Javascript
ionic3双击返回退出应用的方法
Sep 17 Javascript
javascript中layim之查找好友查找群组
Feb 06 Javascript
在HTML5 localStorage中存储对象的示例代码
Apr 21 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 #Javascript
用循环或if语句从json中取数据示例
Aug 18 #Javascript
通过jquery 获取URL参数并进行转码
Aug 18 #Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 #Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 #Javascript
使用node.js半年来总结的 10 条经验
Aug 18 #Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 #Javascript
You might like
php将fileterms函数返回的结果变成可读的形式
2011/04/21 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
PHP重置数组为连续数字索引的几种方式总结
2018/03/12 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
Jquery中dialog属性小记
2010/09/03 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
jQuery构造函数init参数分析
2015/05/13 Javascript
javascript动态添加删除tabs标签的方法
2015/07/06 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
javascript高级模块化require.js的具体使用方法
2017/10/31 Javascript
vue组件实现弹出框点击显示隐藏效果
2020/10/26 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
layui复选框限制选择个数的方法
2019/09/18 Javascript
优化Vue中date format的性能详解
2020/01/13 Javascript
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
关于Django显示时间你应该知道的一些问题
2017/12/25 Python
python 用lambda函数替换for循环的方法
2018/06/09 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
Python文件操作方法详解
2020/02/09 Python
通过python检测字符串的字母
2020/02/18 Python
python爬虫使用requests发送post请求示例详解
2020/08/05 Python
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
乌克兰网上珠宝商店:GoldSoveren
2020/03/31 全球购物
英语简历自我评价
2014/01/26 职场文书
大学生学习2014年全国两会心得体会
2014/03/12 职场文书
社区义诊活动总结
2014/04/30 职场文书
户外亲子活动总结
2015/05/08 职场文书
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis