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 相关文章推荐
JS删除数组元素的函数介绍
Mar 27 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
从零学JS之你需要了解的几本书
May 19 Javascript
原生js的数组除重复简单实例
May 24 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
Feb 26 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
JS实现的RC4加密算法示例
Aug 16 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 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
那些年一起学习的PHP(三)
2012/03/22 PHP
ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整
2014/11/05 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
Ajax一统天下之Dojo整合篇
2007/03/24 Javascript
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
Underscore.js 1.3.3 中文注释翻译说明
2015/06/25 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
JavaScript之DOM_动力节点Java学院整理
2017/07/03 Javascript
javascript显示动态时间的方法汇总
2018/07/06 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
2019/04/28 Javascript
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
windows实现npm和cnpm安装步骤
2019/10/24 Javascript
为Python程序添加图形化界面的教程
2015/04/29 Python
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
pandas中Timestamp类用法详解
2017/12/11 Python
python使用Matplotlib绘制分段函数
2018/09/25 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
Python3 读取Word文件方式
2020/02/13 Python
wxPython修改文本框颜色过程解析
2020/02/14 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
GE设备配件:GE Appliance Parts(家电零件、配件和滤水器)
2018/11/28 全球购物
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
小学生自我评价范文
2014/01/25 职场文书
护士自我鉴定总结
2014/03/24 职场文书
倡议书范文格式
2014/05/12 职场文书
2014年光棍节活动策划方案(创意集锦)
2014/09/29 职场文书
大学生个人学习总结
2015/02/15 职场文书
新入职员工工作总结
2015/10/15 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书
教你做个可爱的css滑动导航条
2021/06/15 HTML / CSS