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 相关文章推荐
按下Enter焦点移至下一个控件的实现js代码
Dec 11 Javascript
Javascript毫秒数用法实例
Feb 05 Javascript
javascript中callee与caller的区别分析
Apr 20 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
Node.js websocket使用socket.io库实现实时聊天室
Feb 20 Javascript
vue文件树组件使用详解
Mar 29 Javascript
Vue引入sass并配置全局变量的方法
Jun 27 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
Sep 28 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
Sep 09 Javascript
elementui实现预览图片组件二次封装
Dec 29 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
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
php 高效率写法 推荐
2010/02/21 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
详解在YII2框架中使用UEditor编辑器发布文章
2018/11/02 PHP
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
javascript document.compatMode兼容性
2010/02/23 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
2015/02/20 Javascript
Javascript中获取对象的原型对象的方法小结
2015/02/25 Javascript
使用纯javascript实现放大镜效果
2015/03/18 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
2016/06/12 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
JS实现全屏的四种写法
2016/12/30 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
详解Vue用cmd创建项目
2019/02/12 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
如何实现vue的tree组件
2020/12/03 Vue.js
python中__call__内置函数用法实例
2015/06/04 Python
python flask 多对多表查询功能
2017/06/25 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
Python实现PyPDF2处理PDF文件的方法示例
2019/09/25 Python
Python pip 安装与使用(安装、更新、删除)
2019/10/06 Python
在python中做正态性检验示例
2019/12/09 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
详解Canvas事件绑定
2018/06/27 HTML / CSS
财务管理专业推荐信
2013/11/19 职场文书
合同范本之电脑出租
2019/08/13 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
golang中的并发和并行
2021/05/08 Golang