- 浏览: 1042083 次
- 性别:
- 来自: 长沙
文章分类
- 全部博客 (639)
- 服务器配置篇 (58)
- hibernate篇 (14)
- spring篇 (33)
- struts篇 (28)
- JS篇 (46)
- 其他技术篇 (46)
- 数据库集群配置 (6)
- JAVA基础相关 (48)
- 分布式框架HadHoop的应用 (2)
- FLEX篇 (8)
- SQLSERVER技术 (32)
- Android学习 (13)
- amchart学习笔记 (1)
- openfire+smark搭建即时通讯 (9)
- Linux学习 (18)
- Oracle数据库 (15)
- 网站优化技术 (12)
- mysql数据库 (2)
- 项目学习总结 (18)
- 工具类(JAVA) (12)
- 工具类(JS) (2)
- 设计模式 (10)
- Lucene学习 (24)
- EJB3学习 (6)
- Sphinx搜索引擎 (3)
- 工作中用到的软件小工具 (5)
- .NET (49)
- JAVA 连接SQLSERVER2008步骤 (1)
- MongoDB (19)
- Android手机开发 (3)
- Maven (6)
- vue (9)
- Shiro (4)
- mybatis (3)
- netty框架 (1)
- SpringCloud (3)
- spring-cloud (7)
- Git (1)
- dubbo (2)
- springboot (13)
- rocketmq (1)
- git学习 (2)
- kafka服务器 (2)
- linux (10)
- WEB系统辅助项目 (1)
- jenkins (2)
- docker (4)
- influxdb (3)
- python (2)
- nginx (1)
最新评论
-
jiangfuofu555:
这样数据量大,效率怎么样?
sqlserver 实现分页的前台代码 以及后台的sqlserver语句 -
w156445045:
博主请问下,如何做到实时的刷新呢,
另外我后台是Java 谢谢 ...
web 版本的汽车仪表盘,非常好看。还有各种图形 -
jackyin5918:
<transportConnector name=&qu ...
ActiveMQ的activemq.xml详细配置讲解 -
握着橄榄枝的人:
你这个不是spring1.x的吧
spring1.x使用AOP实例 -
xiaophai:
全乱套了!
openfire+spark搭建完美的及时通讯
JavaScript操作XML是通过XML DOM来完成的。
那么什么是XML DOM呢?
XML DOM 是:
- 用于 XML 的标准对象模型
- 用于 XML 的标准编程接口
- 中立于平台和语言
- W3C 的标准
XML DOM 定义了所有XML 元素的对象和属性,以及访问它们的方法(接口)。
也就是说:
XML DOM 是用于查询、添加、修改、删除XML 元素的标准。
在继续之前,我们先来了解一下XML的定义。
请看下面的 XML 文件 (books.xml):
<?xml version="1.0" encoding="utf-8"?>
<bookstore>
<book category="COOKING">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="CHILDREN">
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
<book category="WEB">
<title lang="en">XQuery Kick Start</title>
<author>James McGovern</author>
<author>Per Bothner</author>
<author>Kurt Cagle</author>
<author>James Linn</author>
<author>Vaidyanathan Nagarajan</author>
<year>2003</year>
<price>49.99</price>
</book>
<book category="WEB">
<title lang="en">Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>
</bookstore>
在上面的 XML 中,根节点是 <bookstore>。文档中的所有其他节点都被包含在 <bookstore> 中。
根节点 <bookstore> 有四个 <book> 节点。
第一个 <book> 节点有四个节点:<title>, <author>, <year> 以及 <price>,其中每个节点都包含一个文本节点,"Everyday Italian", "Giada De Laurentiis", "2005" 以及 "30.00"。
XML 文档中的每个成分都是一个节点。
节点
根据 DOM,XML 文档中的每个成分都是一个节点。
DOM 是这样规定的:
- 整个文档是一个文档节点
- 每个 XML 标签是一个元素节点
- 包含在 XML 元素中的文本是文本节点
- 每一个 XML 属性是一个属性节点
- 注释属于注释节点
文本总是存储在文本节点中
在 DOM 处理中一个普遍的错误是,认为元素节点包含文本。
不过,元素节点的文本是存储在文本节点中的。
在这个例子中:<year>2005</year>,元素节点 <year>,拥有一个值为 "2005" 的文本节点。
2005" 不是 <year> 元素的值!
XML DOM 把 XML DOM 文档视为一棵节点树 (node-tree)。
树中的所有节点彼此之间都有关系。
XML DOM 节点树
XML DOM 把 XML 文档视为一种树结构。这种树结构被称为节点树。
可通过这棵树访问所有节点。可以修改或删除它们的内容,也可以创建新的元素。
这颗节点树展示了节点的集合,以及它们之间的联系。这棵树从根节点开始,然后在树的最低层级向文本节点长出枝条:
父、子和兄弟节点
节点树中的节点彼此之间都有等级关系。
父、子和兄弟节点用于描述这种关系。父节点拥有子节点,位于相同层级上的子节点称为兄弟节点。
- 在节点树中,顶端的节点成为根节点
- 根节点之外的每个节点都有一个父节点
- 节点可以有任何数量的子节点
- 叶子是没有子节点的节点
- 兄弟节点是拥有相同父节点的节点
在上面的 XML 中,<title> 元素是 <book> 元素的第一个子节点,而 <price> 元素是 <book> 元素的最后一个子节点。
此外,<book> 元素是 <title>、<author>、<year> 以及 <price> 元素的父节点。Note: 父节点:Parent Node,子节点:Children Node,同级节点:Sibling Node
发表评论
-
flash+xml动态加载图片
2012-06-25 21:26 1271flash+xml动态加载图片 -
js去掉回车与空格
2012-05-08 08:50 1245$(function() { var flag = ... -
转:解剖JavaScript中的null和undefined
2012-02-07 09:46 900在JavaScript开发中,被人 ... -
jquery 样式的按钮
2011-10-12 09:19 867jquery 样式的按钮 -
jQuery的radio,checkbox,select操作
2011-09-29 22:28 889获取一组radio被选中项的值 var item = $(' ... -
javascript---parseInt("08")或parseInt("09")转换返回0的解决办法
2011-09-15 18:23 1048javascript parseInt函数使用率非常高,主 ... -
jquery ui 的datepicker日期插件使用
2011-05-17 22:12 1823首先是下载所需要的JS ... -
Jquery缓存页面内容(功能很强大)
2011-05-17 22:10 1724我们在做项目的时候, ... -
Jquery的自动填充功能
2011-05-17 22:10 1294完成JQUERY的自动填充功能:首先在页面要去去要填充数据:页 ... -
Jquery读取Json并解析
2011-05-17 22:09 1317客户端访问服务器后ACTION中的代码:[Descriptio ... -
Jquery 读取解析xml文件并解析
2011-05-17 22:08 1735Menus.xml<?xml version=" ... -
用JS实现刻度尺形式的报表
2011-05-17 21:54 1841现在项目有个需求,想根据刻度尺来表示24个小时,然后通过类似进 ... -
ymprompt弹出层替代window自带弹出层
2011-05-10 22:35 2057ymPrompt消息提示组件4.0 ... -
jqgrid 的treegrid用法
2011-04-15 21:14 2306工作中用到的。先上效果。以后再结合asp.net mvc3来做 ... -
学习Meta标签
2010-04-14 08:28 877一直以来有很多人却忽 ... -
图片IMG垂直居中align=absmiddle属性通不过验证,用CSS解决
2010-04-12 08:35 3961原帖地址:http://www.aa25.cn/content ... -
JQuery 验证插件Ajax Fancy Capcha的使用(JAVA版本)
2010-04-08 17:20 25461.首先下载Ajax Fancy Capcha的所有JS,CS ... -
有时候document.thisForm.submit()函数浏览器报错的原因
2010-04-08 17:08 2267我的原因是在FORM里面的提交按钮的NAME="su ... -
主题:Uploadify上传插件中文乱码问题解决方法
2010-04-08 09:21 4487在使用Uploadify插件进行文件上传时,当上传的文件名包含 ... -
jQuery上传插件Uploadify使用详解
2010-04-08 09:06 5074下面就来介绍下这些key值的意思:uploader : upl ...
相关推荐
js 操作xml 文件 读取xml文件 js 操作xml 文件 读取xml文件
js读取xml文件并获取文件内容
js读取XMLjs读取XMLjs读取XMLjs读取XMLjs读取XMLjs读取XMLjs读取XMLjs读取XMLjs读取XMLjs读取XML
js读取Xml文件内容.zip
Javascript读取XML Javascript读取XMLJavascript读取XMLJavascript读取XMLJavascript读取XMLJavascript读取XMLJavascript读取XMLJavascript读取XMLJavascript读取XMLJavascript读取XMLJavascript读取XMLJavascript...
利用javascript读取XML的一些方法的总结。
一个完美教程。。。Javascript操作XML和HTML,Javascript操作XML和HTML,Javascript操作XML和HTML
压缩包中只有xml文件和一个html,主要展示如何用js读取xml文件
js读取xml文件
这是一个js读取xml文件的例子。因为ajax执行后返回的也是一个xml文件,这个例子做的就是最终生成的树形结构。
Javascript操作XML Dom学习资料
利用Javascript读取XML文件的示例,直接打开index.html文件即可看到效果
关于javascript读取xml文件的,有需要的朋友可以下载
使用js读取xml的例子,没有使用任何插件,可以作为参考
使用 javascript 读取 xml 配置的内容,生成 dtree, 可用于一些配置 文件生成属性目录结构, 方便, 操作简易
javascript操作xml文件示例代码,包括增删改查等操作
Asp+Js读取远程xml文件,Javascript Js跨域读取xml文件
JS读取XML的代码以及实例,比较详细,涉及各种方法
javascript中,不论是解析xml文件,还是xml格式的字符串,都是通过DOM对象来进行操作的。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看 资源截图: 资源太大,传百度网盘了,链接...
js读取xml的例子,个人编程。js读取xml的例子,个人编程