用javascript操作xml

所属分类: 网络编程 / JavaScript 阅读数: 1438
收藏 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>

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

layui table 复选框跳页后再回来保持原来选中的状态示例

今天小编就为大家分享一篇layui table 复选框跳页后再回来保持原来选中的状态示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue-Cli项目优化操作的实现

这篇文章主要介绍了Vue-Cli项目优化操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

这篇文章主要介绍了解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题,本文给大家总结的非常详细,需要的朋友可以参考下
收藏 0 赞 0 分享

vue 父组件通过v-model接收子组件的值的代码

这篇文章主要介绍了vue 父组件通过v-model接收子组件的值的代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

vue 全局环境切换问题

小编在开发使经常会碰到全局切换问题,今天小编给大家带来一篇教程给大家介绍vue 全局环境切换问题,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

element-ui 本地化使用教程详解

这篇文章主要介绍了element-ui 本地化使用教程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

在Vue项目中,防止页面被缩放和放大示例

今天小编就为大家分享一篇在Vue项目中,防止页面被缩放和放大示例,具有很好的参考 价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue h5移动端禁止缩放代码

今天小编就为大家分享一篇vue h5移动端禁止缩放代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue 3.0双向绑定原理的实现方法

这篇文章主要为大家详细介绍了Vue 3.0双向绑定原理的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

nest.js 使用express需要提供多个静态目录的操作方法

这篇文章主要介绍了nest.js 使用express需要提供多个静态目录的操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多