DOM 是以层次结构组织的节点或信息片段的集合,这个层次允许开发人员在树中导航以寻找特定信息,分析该结构通常需要加载
整个文档和结构层次结构,然后才能做其他工作。由于她是基于信息层次的,因而DOM被认为是基于树或基于对象的
Info.xml
<?xml version='1.0' encoding='gb2312'?>
<Info>
<basic country="china">
<name num="3">霍元甲</name>
<age>42</age>
<sex>男</sex>
</basic>
<description>精武门的创始人</description>
</Info>
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>访问XML文档</title>
<script>
function GetInfo(){
var document_xml=new ActiveXObject("Microsoft.XMLDOM");
document_xml.load("Info.xml"); //加载XML
var Rootnode=document_xml.documentElement; //获得Info.xml文档的根节点
//alert(Rootnode.attributes.getNamedItem("country").value); ?为什么这样无法查询出属性
var FirstNode=Rootnode.firstChild; //获得根记录的第一个子节点
var SecondNode=Rootnode.lastChild; //获得根节点的最后一个子节点
var nameNode=FirstNode.firstChild;
var ageNode=nameNode.nextSibling; //获得nameNode节点的下一个兄弟节点
var sexNode=FirstNode.lastChild;
var str= "\n描述是:"+SecondNode.firstChild.nodeValue
+"\n姓名是:"+nameNode.firstChild.nodeValue
+"\n年龄是:"+ageNode.firstChild.nodeValue
+"\n性别是:"+sexNode.firstChild.nodeValue;
alert(str);
}
function GetInfo2()
{
var document_xml=new ActiveXObject("Microsoft.XMLDOM");
document_xml.load("Info.xml"); //加载XML
var nameNode=document_xml.getElementsByTagName("name"); //获得文档中<name>标记
var ageNode=document_xml.getElementsByTagName("age"); //获得文档中<age>标记
var sexNode=document_xml.getElementsByTagName("sex"); //获得文档中<sex>标记
var desNode=document_xml.getElementsByTagName("description"); //获得文档中<description>标记
str="名称是:"+nameNode(0).firstChild.nodeValue+
"\n年龄是:"+ageNode(0).firstChild.nodeValue+
"\n性别是:"+sexNode(0).firstChild.nodeValue+
"\n描述是:"+desNode(0).firstChild.nodeValue;
alert(str);
}
function GetAttributes()
{
var document_xml=new ActiveXObject("Microsoft.XMLDOM");
document_xml.load("Info.xml"); //加载XML
var basicNode=document_xml.getElementsByTagName("basic"); //获得文档的所有<basic>标记
var nameNode=document_xml.getElementsByTagName("name"); //获得文档的<name>标记
var basic_attribute=basicNode(0).attributes; //获得<basic>标记的树形
var name_attribute=nameNode(0).attributes; //获得<basic>标记的树形
var str="国籍是:"+basic_attribute.getNamedItem("country").value+
"\n名字中有:"+name_attribute.getNamedItem("num").value+"个字"; //读出这些树形中某个特定的属性的值
alert(str);
}
</script>
</HEAD>
<BODY>
<input type="button" name="submit" value="按钮" onclick="GetInfo();"/>
</BODY>
</HTML>
分享到:
- 2008-04-29 15:58
- 浏览 1366
- 评论(0)
- 论坛回复 / 浏览 (0 / 3117)
- 查看更多
相关推荐
资源名称:使用Javascript解析xml文件或xml格式字符串 中文WORD版 内容简介: 本文档主要讲述的是使用Javascript解析xml文件或xml格式字符串;javascript中,不论是解析xml文件,...
JavaScript解析多子节点XML xml实例: <?xml version="1.0" encoding="GBK"?> <a> <b> <c type="0" centerx="1" centery="2" dispname="3" linestr=""> <d name="OBJECTID" value="100" /> ...
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM") 'JAVASCRIPT中的创建对象 set objXml=CreateObject("Microsoft.XMLDOM") '创建解析器对象 objXml.async="false" objXml.load("test.xml") '装载xml文件 ...
使用dom,dom4j,jdom生成和解析XML文档实例,使用基于事件的SAX解析XML文档实例,使用jquery,javascript动态的生成DOM实例,使用jquery,javascript解析ajax回传的XML文档实例,jquery,javascript的ajax技术使用实例,...
XMLDOM xmldom 是一个 javascript 用于浏览器支持的以下 API: 将 XML 字符串转换为 DOM 树( new DOMParser().parseFromString(xml, mimeType) => Document ) 创建、访问和修改 DOM 树( new DOMImplementation()....
java script dom 解析,改书讲解了如何使用javascript解析xml文档。
但是是XML字符串,则在两种浏览器下就会有所不同,IE下可以直接使用LoadXML方法解析XML字符串,而在FF下则要使用DOMParser 对象的parseFromString() 方法即 var oParser=new DOMParser(); xmlDoc=oParser....
使用非常宽容的XML解析器解析XML,HTML等,并将其转换为DOM。 这三个组件作为各自的模块彼此分开。 零件 尺寸 解析器 4.7 KB 串词器 1.3 KB DOM 3.1 KB 安装 npm install xml-parse 要求 const xml = require ...
3.1 DOM不是JavaScript,它是文档 3.2 DOM的级别 3.2.1 DOM 0 级 3.2.2 DOM 1 级 3.2.3 DOM 2 级 3.2.4 DOM 3 级 3.2.5 哪个级别适合你 3.3 创建示例文档 3.3.1 创建DOM...
代码如下: if (window.ActiveXObject){ var doc=new ActiveXObject(“Microsoft.XMLDOM”); doc.async=”false”; doc.loadXML(strXml); }else{ var parser=new DOMParser(); var doc=parser.parseFromString...
主要介绍了XML中的树形结构与DOM文档对象模型,文中举了JavaScript解析DOM对象的例子,需要的朋友可以参考下
010302_XML解析 —— DOM 010303_XML解析 —— SAX 010304_XML解析 —— JDOM 010305_XML解析 —— DOM4J 010306_使用JavaScript操作DOM 010401_Tomcat服务器的安装及配置 020501_注释及Scriptlet 020502_page指令 ...
fromXML-纯JavaScript XML解析器 现场演示: : 特征 简单:单个解析器函数fromXML(xml)返回JavaScript对象。 小型:缩小2KB,压缩后1KB。 独立:无需外部模块依赖性也不需要DOM。 TypeScript定义: 概要 Node....
xml导出多级导航栏.通过javascript读取xml然后生成print页面中的导航栏
DOM是针对XML的基于树的API,它关注的不仅仅是解析XML代码,而是用一系列相互关联的对象来表示这些代码,而这些对象可以被修改,而且无需重新解析代码就能直接访问它们。由于DOM的使用上的简便,因此它成为了Web...
实例如下: var xmlDoc = null; function LoadXml(xmlPath) { ... xmlDoc = new ActiveXObject(Microsoft.XMLDOM); } } catch (e) { try { xmlDoc = document.implementation.createDocument(, , null); }
它使用浏览器的 DOMParser(在 IE 的情况下使用 XMLDOM ActiveX 组件)。 没有像 X2JS 这样的依赖。 安装 bower install --save angular-xml2js XML JSON 示例 对于以下 XML 文档 <?xml version="1.0"?> ...
本笔记使用的Xml文件 二.IXMLDOMDocument/DOMDocument简介 2.1 属性 2.1.1 parseError 2.1.2 async. 2.1.3 xml 2.1.4 text3 2.1.5 attributes 2.1.6 nodeName 2.1.7 documentElement ...
第十五章 JavaScript与XML 1.浏览器对XML DOM的支持 1.1 DOM2级核心 ①在DOM2级在document.implementation中引入了createDocument()方法(IE6~8...var xmldom = document.implementation.createDocument(“”,”root”,
3.1 DOM不是JavaScript,它是文档 3.2 DOM的级别 3.2.1 DOM 0 级 3.2.2 DOM 1 级 3.2.3 DOM 2 级 3.2.4 DOM 3 级 3.2.5 哪个级别适合你 3.3 创建示例文档 3.3.1 创建DOM...