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 相关文章推荐
firefox下input type="file"的size是多大
Oct 24 Javascript
jQuery实现动画效果的简单实例
Jan 27 Javascript
JQuery表单验证插件EasyValidator用法分析
Nov 15 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
Apr 17 Javascript
javascript使用avalon绑定实现checkbox全选
May 06 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
Vue精简版风格概述
Jan 30 Javascript
Element PageHeader页头的使用方法
Jul 26 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可逆加密解密算法实例代码
2014/01/21 PHP
destoon实现会员商铺中指定会员或会员组投放广告的方法
2014/08/21 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
Js中sort()方法的用法
2006/11/04 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
HTML页面登录时的JS验证方法
2014/05/28 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
详解Vue 动态添加模板的几种方法
2017/04/25 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
详解Python中的from..import绝对导入语句
2016/06/21 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
keras自动编码器实现系列之卷积自动编码器操作
2020/07/03 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
h5网页水印SDK的实现代码示例
2019/02/19 HTML / CSS
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
美国鲜花递送:UrbanStems
2021/01/04 全球购物
能否解释一下XSS cookie盗窃是什么意思
2012/06/02 面试题
餐厅经理岗位职责和岗位目标
2014/02/13 职场文书
个人委托书怎么写
2014/04/04 职场文书
贷款承诺书范文
2014/05/19 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript
nginx访问报403错误的几种情况详解
2022/07/23 Servers