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 使用技巧精萃(.net html
Apr 25 Javascript
jQuery中jqGrid分页实现代码
Nov 04 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
Sep 16 Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 Javascript
js实现图片放大和拖拽特效代码分享
Sep 05 Javascript
多种js图片预加载实现方式分享
Feb 19 Javascript
JS使用单链表统计英语单词出现次数
Jun 16 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
微信小程序 新建登录页并实现tabBar隐藏
Jun 13 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 Javascript
leaflet加载geojson叠加显示功能代码
Feb 21 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与javascript的两种交互方式
2006/10/09 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
Javascript 代码也可以变得优美的实现方法
2009/06/22 Javascript
网页中的图片的处理方法与代码
2009/11/26 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
关于query Javascript CSS Selector engine
2013/04/12 Javascript
构造函数+原型模式构造js自定义对象(最通用)
2014/05/12 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
jQuery实现表单步骤流程导航代码分享
2015/08/28 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
node.js 模块和其下载资源的镜像设置的方法
2018/09/06 Javascript
微信小程序 slot踩坑的解决
2019/04/01 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
python中self原理实例分析
2015/04/30 Python
在Python的Django框架中获取单个对象数据的简单方法
2015/07/17 Python
python多进程和多线程究竟谁更快(详解)
2017/05/29 Python
Python 互换字典的键值对实例
2019/02/12 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
python 实现图片上传接口开发 并生成可以访问的图片url
2019/12/18 Python
Python如何读取、写入CSV数据
2020/07/28 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
学院书画协会部门职责
2013/11/28 职场文书
暑期实习鉴定
2013/12/16 职场文书
教学器材管理制度
2014/01/26 职场文书
车间安全生产管理制度
2015/08/06 职场文书
初中思想品德教学反思
2016/02/24 职场文书
Go语言中的UTF-8实现
2021/04/26 Golang
5道关于python基础 while循环练习题
2021/11/27 Python
python绘制简单直方图(质量分布图)的方法
2022/04/21 Python
Python开发简易五子棋小游戏
2022/05/02 Python