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中关于break,continue的特殊用法与介绍
May 24 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
jQuery瀑布流插件Wookmark使用实例
Apr 02 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 Javascript
Javascript实现颜色rgb与16进制转换的方法
Apr 18 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
基于vue手写tree插件的那点事儿
Aug 20 Javascript
vue实现数据控制视图的原理解析
Jan 07 Javascript
react-router-dom 嵌套路由的实现
May 02 Javascript
全面解析Vue中的$nextTick
Dec 24 Vue.js
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/01/19 PHP
输入值/表单提交参数过滤有效防止sql注入的方法
2013/12/25 PHP
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
jquery 的 $("#id").html() 无内容的解决方法
2010/06/07 Javascript
JavaScript中的排序算法代码
2011/02/22 Javascript
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
2016/05/30 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
jQuery实现级联下拉框实战(5)
2017/02/08 Javascript
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
python实现百万答题自动百度搜索答案
2018/01/16 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
关于Python错误重试方法总结
2021/01/03 Python
阿迪达斯比利时官方商城:adidas比利时
2016/10/10 全球购物
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
水电维修专业推荐信
2014/09/06 职场文书
行政文员实习自我鉴定范文
2014/09/14 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
杭白菊导游词
2015/02/10 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
考教师资格证不要错过的4个最佳时机
2019/07/17 职场文书
解析python中的jsonpath 提取器
2022/01/18 Python
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js