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 相关文章推荐
Javascript 二维数组
Nov 26 Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
javascript取消文本选定的实现代码
Nov 14 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
jQuery图片加载显示loading效果
Nov 04 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
jquery获取transform里的值实现方法
Dec 12 jQuery
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
JS简易计算器实例讲解
Jun 30 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
Smarty+QUICKFORM小小演示
2007/02/25 PHP
PHP 全角转半角实现代码
2010/05/16 PHP
php中隐形字符65279(utf-8的BOM头)问题
2014/08/16 PHP
php实现读取手机客户端浏览器的类
2015/01/09 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
PHP+Mysql+jQuery实现发布微博程序 php篇
2015/10/15 PHP
PHP入门教程之图像处理技巧分析
2016/09/11 PHP
PHP判断密码强度的方法详解
2017/05/26 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
2012/05/23 Javascript
利用jquery包将字符串生成二维码图片
2013/09/12 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
js学习阶段总结(必看篇)
2016/06/16 Javascript
web 屏蔽BackSpace键实例代码
2016/12/24 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
vue-路由精讲 二级路由和三级路由的作用
2020/08/06 Javascript
js 函数性能比较方法
2020/08/24 Javascript
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
六个窍门助你提高Python运行效率
2015/06/09 Python
python3实现UDP协议的服务器和客户端
2017/06/14 Python
python 抓取知乎指定回答下视频的方法
2020/07/09 Python
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
中职生自我鉴定范文
2013/10/03 职场文书
2014年食品安全工作总结
2014/12/04 职场文书
幼儿园辞职信
2015/05/13 职场文书
工程款申请报告
2015/05/15 职场文书
历史博物馆观后感
2015/06/05 职场文书
创业计划书之服装
2019/10/07 职场文书
Python3使用Qt5来实现简易的五子棋小游戏
2022/05/02 Python
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技