浅谈如何用Javascript操作XML-js xml

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

大多数浏览器都有读取和操作 XML 的内建 XML 解析器。解析器(XML Parser)把 XML 转换为 JavaScript 可访问的对象。

解析器把XML 载入内存，然后把它转换为可通过JavaScript 访问的 XML DOM 对象。微软的XML解析器与其他浏览器中的解析器之间，存在一些差异。微软的解析器支持 XML 文件和 XML 字符串（文本）的加载，而其他浏览器使用单独的解析器。不过，所有的解析器都包含遍历 XML 树、访问插入及删除节点（元素）及其属性的函数。

XML DOM 把XML文档视为一种树结构。这种树结构被称为节点树。

可通过这棵树访问所有节点。可以修改或删除它们的内容，也可以创建新的元素。

这颗节点树展示了节点的集合，以及它们之间的联系。这棵树从根节点开始，然后在树的最低层级向文本节点长出枝条：

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>

【编辑推荐】