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

大多數瀏覽器都有讀取和操作 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("http://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("http://ttyp/sex");  
    b.text = "女";  
    //alert(doc.xml);  
    //XML保存（需要在服務端，客戶端用FSO）  
    //doc.save();      
    //查看根接點XML  
    if(n)  
    {  
        alert(n.ownerDocument.xml);  
    }  
//--> 
</script> 

【編輯推薦】

1. JavaScript中關于Cookie的詳細介紹
2. JavaScript中confirm,alert,prompt的用法
3. 基于JavaScript的REST客戶端框架
4. 如何優化JavaScript腳本的性能
5. 用Javascript連接Access數據庫的方法