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 订制自己的AlertBox(信息提示框)
Jan 09 Javascript
Javascript this指针
Jul 30 Javascript
使用js完成节点的增删改复制等的操作
Jan 02 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 Javascript
简介AngularJS的视图功能应用
Jun 17 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
Canvas 绘制粒子动画背景
Feb 15 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
详解vue2.6插槽更新v-slot用法总结
Mar 09 Javascript
vue实现微信获取用户信息的方法
Mar 21 Javascript
Angular封装搜索框组件操作示例
Apr 25 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的博客ping服务代码
2012/02/04 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
PHP中phar包的使用教程
2017/06/14 PHP
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
在javascript中执行任意html代码的方法示例解读
2013/12/25 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
jQuery选择器源码解读(三):tokenize方法
2015/03/31 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
解决layer.msg 不居中 ifram中的问题
2019/09/05 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
浅谈Vue使用Elementui修改默认的最快方法
2020/12/05 Vue.js
利用Python演示数型数据结构的教程
2015/04/03 Python
说一说Python logging
2016/04/15 Python
Python Pandas批量读取csv文件到dataframe的方法
2018/10/08 Python
Django数据库类库MySQLdb使用详解
2019/04/28 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
python函数不定长参数使用方法解析
2019/12/14 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
使用PyWeChatSpy自动回复微信拍一拍功能的实现代码
2020/07/02 Python
基于Python爬取51cto博客页面信息过程解析
2020/08/25 Python
CSMA/CD介质访问控制协议
2015/11/17 面试题
工商学院毕业生个人自我评价
2013/09/19 职场文书
留学推荐信怎么写
2014/01/25 职场文书
求职自荐信的格式
2014/04/07 职场文书
中国梦我的梦演讲稿
2014/04/23 职场文书
大型营销活动计划书
2014/04/28 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
nginx 反向代理之 proxy_pass的实现
2021/03/31 Servers
详解如何在Canvas中添加事件的方法
2021/04/17 Javascript
golang日志包logger的用法详解
2021/05/05 Golang