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 相关文章推荐
深入解析contentWindow, contentDocument
Jul 04 Javascript
完美解决AJAX跨域问题
Nov 01 Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 Javascript
jquery中push()的用法(数组添加元素)
Nov 25 Javascript
jQuery.holdReady()方法用法实例
Dec 27 Javascript
JavaScript分秒倒计时器实现方法
Feb 02 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
JavaScript SHA512加密算法详细代码
Oct 06 Javascript
详解vue 中使用 AJAX获取数据的方法
Jan 18 Javascript
vue组件开发props验证的实现
Feb 12 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 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
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
PHP取整数函数常用的四种方法小结
2012/07/05 PHP
解析php做推送服务端实现ios消息推送
2013/07/01 PHP
php调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
Laravel6.2中用于用户登录的新密码确认流程详解
2019/10/16 PHP
jQuery参数列表集合
2011/04/06 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
2014/04/04 Javascript
jquery和css3实现的炫酷时尚的菜单导航
2014/09/01 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
Python中使用装饰器时需要注意的一些问题
2015/05/11 Python
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
python顺序的读取文件夹下名称有序的文件方法
2018/07/11 Python
python一行sql太长折成多行并且有多个参数的方法
2018/07/19 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
PyTorch实现AlexNet示例
2020/01/14 Python
使用python处理题库表格并转化为word形式的实现
2020/04/14 Python
keras 获取某层的输入/输出 tensor 尺寸操作
2020/06/10 Python
Python将QQ聊天记录生成词云的示例代码
2021/02/10 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
纯CSS3实现3D旋转书本效果
2016/03/21 HTML / CSS
什么是GWT的Entry Point
2013/08/16 面试题
心理健康课教学反思
2014/02/13 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
小学优秀教师材料
2014/12/15 职场文书
七一活动主持词
2015/06/29 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
go语言-在mac下brew升级golang
2021/04/25 Golang
详解flex:1什么意思
2022/07/23 HTML / CSS