用javascript操作xml

所属分类: 网络编程 / JavaScript 阅读数: 1486
收藏 0 赞 0 分享

文中尽量用上所有的操作和属性,以做示范

复制代码 代码如下:
<script language="JavaScript"> 
<!-- 
var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM")  


//加载文档 
//doc.load("b.xml"); 

//创建文件头 
var p = doc.createProcessingInstruction("xml","version='1.0'  encoding='gb2312'"); 

    //添加文件头 
    doc.appendChild(p); 

//用于直接加载时获得根接点 
//var root = doc.documentElement; 

//两种方式创建根接点 
//    var root = doc.createElement("students"); 
    var root = doc.createNode(1,"students",""); 

    //创建子接点 
    var n = doc.createNode(1,"ttyp",""); 

        //指定子接点文本 
        //n.text = " this is a test"; 

    //创建孙接点 
    var o = doc.createElement("sex"); 
        o.text = "男";    //指定其文本 

    //创建属性 
    var r = doc.createAttribute("id"); 
        r.value="test"; 

        //添加属性 
        n.setAttributeNode(r); 

    //创建第二个属性     
    var r1 = doc.createAttribute("class"); 
        r1.value="tt"; 

        //添加属性 
        n.setAttributeNode(r1); 

        //删除第二个属性 
        n.removeAttribute("class"); 

        //添加孙接点 
        n.appendChild(o); 

        //添加文本接点 
        n.appendChild(doc.createTextNode("this is a text node.")); 

        //添加注释 
        n.appendChild(doc.createComment("this is a comment\n")); 

        //添加子接点 
        root.appendChild(n); 

    //复制接点 
    var m = n.cloneNode(true); 

        root.appendChild(m); 

        //删除接点 
        root.removeChild(root.childNodes(0)); 

    //创建数据段 
    var c = doc.createCDATASection("this is a cdata"); 
        c.text = "hi,cdata"; 
        //添加数据段 
        root.appendChild(c); 

    //添加根接点 
    doc.appendChild(root); 

    //查找接点 
    var a = doc.getElementsByTagName("ttyp"); 
    //var a = doc.selectNodes("//ttyp"); 

    //显示改接点的属性 
    for(var i= 0;i<a.length;i++) 
    { 
        alert(a[i].xml); 
        for(var j=0;j<a[i].attributes.length;j++) 
        { 
            alert(a[i].attributes[j].name); 
        } 
    } 

    //修改节点,利用XPATH定位节点 
    var b = doc.selectSingleNode("//ttyp/sex"); 
    b.text = "女"; 

    //alert(doc.xml); 

    //XML保存(需要在服务端,客户端用FSO) 
    //doc.save(); 

    //查看根接点XML 
    if(n) 
    { 
        alert(n.ownerDocument.xml); 
    } 

//--> 
</script>

更多精彩内容其他人还在看

BootStrap数据表格实例代码

本文通过实例代码给大家分享了BootStrap数据表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

基于vue的短信验证码倒计时demo

这篇文章主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解React Native开源时间日期选择器组件(react-native-datetime)

本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime),具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

JS库particles.js创建超炫背景粒子插件(附源码下载)

particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧
收藏 0 赞 0 分享

JS库之Waypoints的用法详解

waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
收藏 0 赞 0 分享

强大的JavaScript响应式图表Chartist.js的使用

本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解wow.js中各种特效对应的类名

本篇文章主要介绍了wow.js中各种特效对应的类名 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库之Highlight.js的用法详解

highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解,感兴趣的朋友跟随脚本之家小编一起学习吧
收藏 0 赞 0 分享

详解动画插件wow.js的使用方法

本篇文章主要介绍了动画插件wow.js的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件,可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多