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 confirm选择判断
Oct 18 Javascript
JS在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 Javascript
JS生成不重复随机数组的函数代码
Jun 10 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
Node.js+Express配置入门教程详解
May 19 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
Vue 父子组件、组件间通信
Mar 08 Javascript
vue单个组件实现无限层级多选菜单功能
Apr 10 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
layui自定义工具栏的方法
Sep 19 Javascript
微信小程序使用自定义组件导航实现当前页面高亮
Jan 02 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 来访国内外IP判断代码并实现页面跳转
2009/12/18 PHP
php设计模式 Builder(建造者模式)
2011/06/26 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
jQuery 选择器理解
2010/03/16 Javascript
jquery 操作表格实现代码(多种操作打包)
2011/03/20 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
微信小程序实现倒计时补零功能
2018/07/09 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
vue项目打包之后背景样式丢失的解决方案
2019/01/17 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
[14:56]教你分分钟做大人:巫医
2014/10/30 DOTA
在Python的Django框架中创建和使用模版
2015/07/15 Python
Python实现的基数排序算法原理与用法实例分析
2017/11/23 Python
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
Python处理PDF与CDF实例
2020/02/26 Python
python opencv实现简易画图板
2020/08/27 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
欧舒丹加拿大官网:L’Occitane加拿大
2017/10/29 全球购物
车工岗位职责
2013/11/26 职场文书
求职简历的自我评价
2014/01/31 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP
Go语言中的UTF-8实现
2021/04/26 Golang
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android