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 相关文章推荐
jQuery基于当前元素进行下一步的遍历
May 20 Javascript
jQuery实现的输入框选择时间插件用法实例
Feb 28 Javascript
Javascript递归打印Document层次关系实例分析
May 15 Javascript
ArtEditor富文本编辑器增加表单提交功能
Apr 18 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
bootstrap配合Masonry插件实现瀑布式布局
Jan 18 Javascript
webpack入门+react环境配置
Feb 08 Javascript
浅谈 Vue 项目优化的方法
Dec 16 Javascript
angularJs 表格添加删除修改查询方法
Feb 27 Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 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
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
php实现的操作excel类详解
2016/01/15 PHP
Laravel日志用法详解
2016/10/09 PHP
页面中iframe相互传值传参
2009/12/13 Javascript
javascript拖拽上传类库DropzoneJS使用方法
2013/12/05 Javascript
JavaScript实现的购物车效果可以运用在好多地方
2014/05/09 Javascript
简单的js表格操作
2016/09/24 Javascript
nodejs搭建本地服务器并访问文件的方法
2017/03/03 NodeJs
利用js的闭包原理做对象封装及调用方法
2017/04/07 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
vue中如何使用ztree
2018/02/06 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
2019/04/28 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
Vue跨域请求问题解决方案过程解析
2020/08/07 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
selenium+python实现自动登录脚本
2018/04/22 Python
Django csrf 验证问题的实现
2018/10/09 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
经典c++面试题六
2012/01/18 面试题
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
学校三节实施方案
2014/06/09 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
大学班干部竞选稿
2015/11/20 职场文书
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers
Vue3实现简易音乐播放器组件
2022/08/14 Vue.js