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控件
Mar 27 Javascript
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
jQuery中noConflict()用法实例分析
Feb 08 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
关于foreach循环中遇到的问题小结
May 08 Javascript
如何去除vue项目中的#及其ie9兼容性
Jan 11 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
Vue 之孙组件向爷组件通信的实现
Apr 23 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
Jun 05 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
Aug 19 Javascript
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
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
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
php 操作符与控制结构
2012/03/07 PHP
探讨PHP调用时间格式的参数详解
2013/06/06 PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
Jquery中显示隐藏的实现代码分析
2011/07/26 Javascript
Javascript中对象继承的实现小例
2014/05/12 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
深入探讨Vue.js组件和组件通信
2016/09/12 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
2017/12/01 Javascript
在vue中多次调用同一个定义全局变量的实例
2018/09/25 Javascript
如何提升vue.js中大型数据的性能
2019/06/21 Javascript
关于JavaScript中异步/等待的用法与理解
2020/11/18 Javascript
python 多线程应用介绍
2012/12/19 Python
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
利用Python检测URL状态
2019/07/31 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
深入了解Python 方法之类方法 & 静态方法
2020/08/17 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
处理textarea中的换行和空格
2019/12/12 HTML / CSS
银河香水:Galaxy Perfume
2019/03/25 全球购物
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
学生拾金不昧表扬信
2014/01/21 职场文书
关于九一八事变的演讲稿2014
2014/09/17 职场文书
教学督导岗位职责
2015/04/10 职场文书
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技
深入解析Apache Hudi内核文件标记机制
2022/03/31 Servers
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技