用javascript操作xml_javascript技巧

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

复制代码 代码如下:

<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>

时间: 2024-09-20 17:46:46

用javascript操作xml_javascript技巧的相关文章

Javascript里使用Dom操作Xml_javascript技巧

一.Xml文件 二.IXMLDOMDocument/DOMDocument简介  2.1 属性 2.1.1  parseError  2.1.2  async.  2.1.3  xml  2.1.4  text 3  2.1.5  attributes  2.1.6  nodeName 2.1.7  documentElement  2.1.8  nextSibling 2.1.9  childNodes 2.1.10  firstChild 2.1.11  lashChild 2.2 方法 2

用JavaScript操作WinRar_javascript技巧

要先保存到本地在運行 Select a file [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 以下是相關的命令: 任务描述   Winzip  Winrar 压缩目录test及其子目录的文件内容   Wzzip test.zip test -r –P  WINRAR A test.rar test -r 删除压缩包中的*.txt文件   Wzzip test.zip *.txt –d  WinRAR d test.rar *.txt 刷新压缩包中的文件,即添加已经存在于压缩包中但

javascript读取xml_javascript技巧

复制代码 代码如下: /**   * 得到XML文件属性的集合对象   * @param xmlDoc XML对象   * @param name 属性名称 如: user   * @return 返回 Array 对象   * Example XML:   * <?xml version='1.0' encoding='utf-8'?>   * <ekuy>   *   <user>   *     <name>   *       <cnname&

基于JavaScript操作DOM常用的API小结_javascript技巧

前言 DOM(Document Object Model)即文档对象模型,针对 HTML 和 XML 文档的 API(应用程序接口).DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM 脱胎于 Netscape 及微软公司创始的 DHTML(动态 HTML),但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. 阅读目录 基本概念 节点创建型api 页面修改型API 节点查询型API 节点关系型api 元素属性型api 元素样式型api 总结 文本整

在Javascript操作JSON对象,增加 删除 修改的简单实现_javascript技巧

在Javascript操作JSON对象,增加删除修改全有的,详情见代码 <script type="text/javascript"> var jsonObj2 = { teacher: [ { name: "jordan", sex: "m", age: "40" }, { name: "bryant", sex: "m", age: "28" }, {

javascript操作Cookie(设置、读取、删除)方法详解_javascript技巧

Cookie是客户端存放数据的一种方式,可用来做状态保持. 1.设置Cookie: a.无过期时间:(若不设置过期时间,默认为会话级Cookie,浏览器关闭就会失效) 复制代码 代码如下: function setCookie(name,value) {     document.cookie = name + '=' + escape(value); } b.固定过期时间: 复制代码 代码如下: function setCookie(name,value) {     var Days = 3

JavaScript操作select元素和option的实例代码_javascript技巧

废话不多说了,直接给大家贴代码,具体代码如下所示: <!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"> <html xmlns="http://www.w.org//xhtml"> <head> <title></t

javascript操作select元素实例分析_javascript技巧

本文实例讲述了javascript操作select元素的用法.分享给大家供大家参考.具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮. 当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重新恢复它们. 当按下submit时关闭窗口本身,代码如下: <!DOCTYPE html> <html> <head> <title>duang for se

JavaScript操作选择对象的简单实例_javascript技巧

JavaScript操作选择对象的简单实例 //替换选中文本内容,参数text为要替换的内容 function SetSelectionText(text) { //非IE浏览器 if (window.getSelection) { var sel = window.getSelection(); alert(sel.rangeCount); //选区个数, 通常为 1 . sel.deleteFromDocument(); //清除选择的内容 var r = sel.getRangeAt(0)