javascript操作XML

JS加载XML与DOM操作
最新推荐文章于 2025-01-10 10:58:30 发布
原创 最新推荐文章于 2025-01-10 10:58:30 发布 · 676 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #character #xml #function #login #div

本文介绍了一种使用JavaScript加载XML文件并解析其内容的方法。通过`getElementsByTagName`和DOM节点操作实现了XML数据的动态加载与展示。此外还讨论了不同浏览器的兼容性问题及XML数据的访问技巧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>JS+XML</title>
    <script>
    loadXML    = function(xmlFile)
    {
        var xmlDoc;
        if(window.ActiveXObject)
        {
            xmlDoc    = new ActiveXObject('Microsoft.XMLDOM');
            xmlDoc.async    = false;
            xmlDoc.load(xmlFile);
        }
        else if (document.implementation&&document.implementation.createDocument)
        {
            xmlDoc    = document.implementation.createDocument('', '', null);
            xmlDoc.load(xmlFile);
        }
        else
        {
            return null;
        }
        
        return xmlDoc;
    }
    checkXMLDocObj    = function(xmlFile)
    {
        var xmlDoc    = loadXML(xmlFile);
        if(xmlDoc==null)
        {
            alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!');
            window.location.href='/Index.aspx';
        }
             n    = xmlDoc.getElementsByTagName('Login/EconomyProperty')[0].childNodes;
             e= document.getElementById("oid");
            l    = n.length;         
            for(var i=0; i<l; i++)
            {
                var option    = document.createElement('option');
                option.value    = n[i].getAttribute('Value');
                option.innerHTML    = n[i].getAttribute('Text');
                e.appendChild(option);
            }
        return xmlDoc;
    }   
    
    var xmlDoc    = checkXMLDocObj('Login.xml');
    //var v    = xmlDoc.getElementsByTagName('Login/Weapon/W')[0].childNodes.getAttribute('Text')
    </script>
</head>
<body onload="checkXMLDocObj('Login.xml')">
    <form id="form1" runat="server">
    <div><select id="oid"></select></div>
    <div>
    上面的访问代码中,我们是通过xmlDoc.getElementsByTagName(xPath)来进行的.
还可以通过xmlDoc.documentElement.childNodes(1)..childNodes(0).getAttribute('Text')进行访问.
一些常用方法:
xmlDoc.documentElement.childNodes(0).nodeName,可以得到这个节点的名称.
xmlDoc.documentElement.childNodes(0).nodeValue,可以得到这个节点的值. 这个值是来自于这样子的xml格式:<a>b</b>, 于是可以得到b这个值.
xmlDoc.documentElement.childNodes(0).hasChild,可以判断是否有子节点

根据我的经验,最好是使用getElementsByTagName(xPath)的方法对节点进行访问,因为这样子可以直接通过xPath来定位节点,这样子会有更好的性能.

    </div>
    </form>
</body>
</html>

下面是XML(Login.xml)

<?xml version="1.0" encoding="utf-8" ?>
<Login>
  <Character>
    <C Text="adsfd" Value="0"></C>
    <C Text="24324" Value="1"></C>
    <C Text="234324" Value="2"></C>
    <C Text="2434" Value="3"></C>
    <C Text="24234" Value="4"></C>
  </Character>
  <Weapon>
    <W Text="234234" Value="0"></W>
    <W Text="243233333423" Value="1"></W>
  </Weapon>
  <EconomyProperty>
    <P Text="abc" Value="0"></P>
    <P Text="sdddf" Value="1"></P>
    <P Text="sadffsaf" Value="2"></P>
    <P Text="asdfsaf" Value="3"></P>
    <P Text="safd" Value="4"></P>
  </EconomyProperty>
</Login>
javaScript读取xml文件(附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-30 414
javaScript读取xml文件(附完整源码)
使用JavaScript操作XML的技巧
CsCufft的博客
09-22 878
通过以上的技巧，您可以使用JavaScript有效地操作XML数据。从加载XML数据、解析XML数据到获取和修改元素内容和属性，再到创建和插入元素，这些技巧能够帮助您实现对XML数据的灵活处理。XML是一种常用的数据格式，通过使用JavaScript来处理XML，我们可以提取和修改其中的数据，实现动态的数据操作和展示。在这个示例中，我们创建了一个XMLHttpRequest对象，并指定了一个回调函数来处理加载完成后的XML数据。有时候，我们需要创建新的XML元素并将其插入到已有的XML数据中。
javaScript读取xml文件
x1043556915的博客
09-27 1712
js读取xml文件
Javascript 操作XML
xiao190128的专栏
09-08 2327
JavaScript操作XML (一) JavaScript操作XML是通过XML DOM来完成的。 那么什么是XML DOM呢？ XML DOM 是： 用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 的标准 XML DOM 定义了所有XML 元素的对象和属性，以及访问它们的方法（接口）。 也就是说：XML DOM是用于查询、添加、修改、删除XML元素的标准。 在继续之前，我们先来了解一下XML的定义。 请看下面的 XML 文件 (books.xml)： ..
用javascript读取xml文件
最新发布
kuixiang_yin的博客
01-10 765
在JavaScript中读取XML文件，通常有几种方法，取决于你的运行环境（如浏览器端或Node.js环境）。
3.7 使用JavaScript读取XML文件
小脆筒style的博客
06-17 1159
使用JavaScript读取XML文件 XML文件自行创建，文档树结构如下：根节点下三个子节点，每个子节点下5个子节点，随便选取第三层一组节点，读取其中信息，节点命名、及文本信息自行设定。 直观图 相关代码 index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>通过JavaScript读取XML文档中
javascript 读取 解析 xml文件 案例
weixin_42591413的博客
02-19 418
你可以使用JavaScript的DOMParser类来解析XML文件。下面是一个简单的例子： let parser = new DOMParser(); let xmlDoc = parser.parseFromString(xmlString, "text/xml");
JavaScript读取XML文件的简单示例
Huhui's Blog
06-13 8305
源文件：http://download.youkuaiyun.com/detail/huhui_bj/5574119 html文件如下： function getTestXmlValue(){ var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = false; xmlDoc.load("te
JavaScript读取XML：实用技巧与示例代码
CodeWhizZ的博客
09-22 854
在Web开发中，常常需要与XML（可扩展标记语言）进行交互，从中提取数据或进行其他操作。JavaScript提供了一些强大的工具和技巧，使我们能够轻松地读取和处理XML数据。本文将介绍一些实用的JavaScript技巧，帮助你读取XML并从中提取所需的信息。
JavaScript读取XML文件
03-20 164
IE读取XML文件FireFox读取XML文件Chrome,Safari读取XML文件以上三类浏览器读取XML文件各有不同，常常困扰开发人员，现在我们将其融合为一个函数方便大家使用。// 加载XML文件并返回XML文档节点function loadXmlFile(xmlFile){ var xmlDom = null; if (window.ActiveXObject){ ...
JavaScript操作XML文件之XML读取方法
10-24
本文将详细介绍如何在JavaScript中通过DOM（文档对象模型）技术读取XML文件内容，并对文件中的数据进行遍历。 首先，XML（Extensible Markup Language，可扩展标记语言）是一种标记语言，用于存储和传输数据。它是...
用javascript操作xml
12-11
文中尽量用上所有的操作和属性，以做示范 代码如下:[removed] <!– var doc = new ActiveXObject(“Msxml2.DOMDocument”); //ie5.5+,CreateObject(“Microsoft.XMLDOM”) //加载文档 //doc.load(“b....
javascript读取xml
12-12
代码如下:/** * 得到XML文件属性的集合对象 * @param xmlDoc XML对象 * @param name 属性名称 如: user * @return 返回 Array 对象 * Example XML: * <?xml version=’1.0′ encoding=’...
JavaScript操作XML
03-19
JavaScript操作XML是Web开发中的一个重要话题，特别是在早期的网页应用中，XML被广泛用于数据交换和存储。XML（eXtensible Markup Language）是一种结构化数据格式，它允许开发者定义自己的标记来组织和存储数据。...
在Js文件中包含js文件
fastboot
06-22 3817
说两种方法1。a.js: var str = http://xxxx/b.js">; document.write(str);这里主要是用了在js中输出包含语句,遇到需进行反义转换的转换就可以了2。//直接包含js文件。function include_abc(path) {           var sobj = document.createElement(script)
兼容ff的加入收藏和设为首页代码
fastboot
08-01 2031
最近发现ff下不能正常执行原本在IE里可以使用的加入收藏和设为首页功能。下面贴出修改后可以运行的代码。加入收藏function AddFavorite(sURL, sTitle)...{    try    ...{        window.external.addFavorite(sURL, sTitle);    }    catch (e)    ...{        tr
js日历选择控件(2)
fastboot
10-26 1054
CSSSJS代码/**//* Author: Mihai Bazon, September 2002 * http://students.infoiasi.ro/~mishoo * * Version: 0.9 * * Feel free to use this script under the terms of the GNU General Public * License, as l
ajax精简版
fastboot
07-27 1054
尽管现在的ajax框架很多，但我们通常用不了那么多功能，如果仅是为了一个简单的功能去使用诸入dojo、prototype、yui等框架，未免小题大做，这里，我仅从服务器端获取数据这一最常用的功能出发，分离并整理出了这个函数，使用时非常方便，供大家参考。给出一个示例/**//** myajax.js * AJAX对象封装 * @author: kevon * @date: 2007-07
Document 对象属性
fastboot
07-26 985
Document 对象属性以下所列是可用的document对象属性: 1. async 2. attributes 3. childNodes 4. doctype 5. document.Element 6. firstChild 7. implementation 8. lastChild 9. nextSibling 10. nodeName 11. nodeType 12. nodeval
JavaScript操作XML实例教程：属性操作详解
2. 读取XML数据：可以使用`XMLHttpRequest`对象或者`fetch` API从服务器获取XML数据，然后解析这些数据。在解析过程中，可以使用如`getElementById`、`getElementsByTagName`、`getElementsByClassName`等方法来选取...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值