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 相关文章推荐
在vs2010中调试javascript代码方法
Feb 11 Javascript
jQuery 开发者应该注意的9个错误
May 03 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
Aug 27 Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
JS遍历页面所有对象属性及实现方法
Aug 01 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
强大的 Angular 表单验证功能详细介绍
May 23 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 Javascript
Vuex中的Mutations的具体使用方法
Jun 01 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 操作调试的方法
2012/07/12 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
PHP使用curl模拟post上传及接收文件的方法
2016/03/04 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
PHP7 新增功能
2021/03/09 PHP
jquery easyui的tabs使用时的问题
2010/03/23 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
2014/08/12 Javascript
javascript进行四舍五入方法汇总
2014/12/16 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
2015/03/04 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
理解AngularJs指令
2015/12/10 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
浅谈对于“不用setInterval,用setTimeout”的理解
2019/08/28 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
Python中字典的setdefault()方法教程
2017/02/07 Python
Python中Scrapy爬虫图片处理详解
2017/11/29 Python
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
python3实现随机数
2018/06/25 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
世界上最大的街头服饰网站:Karmaloop
2017/02/04 全球购物
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
初中语文教学反思
2014/02/02 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
环保倡议书100字
2014/05/15 职场文书
艺术设计专业求职自荐信
2014/05/19 职场文书
春游踏青活动方案
2014/08/14 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP
JS封装cavans多种滤镜组件
2022/02/15 Javascript
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技
win10双系统怎么删除一个系统?win10电脑有两个系统删除一个的操作方法
2022/07/15 数码科技