js读取和添加xml代码

[ 973 查看 / 0 回复 ]

返回列表
发新话题 回复该主题
张波老师
头像

  • 管理员
  • 6690
  • 803
  • 2009-11-04
2010-08-01 21:57 |只看楼主 1#
t T
比如我们有一个xml文件内容是:
<?xml version="1.0" encoding="UTF-8"?>
  <root>
    <sub>
        <name>1111111</name>
        <addr>22222222</addr>
        <remark>333333</remark>
    </sub>
    <sub>
        <name>21111111</name>
        <addr>322222222</addr>
        <remark>4333333</remark>
    </sub>
</root>


1.如何用js来读取sub的总数和.
2.将这些sub存入一个二维数组(现在就是2*3大小的)中;
3.如何添加一个sub节点;

还有一个就是要在Firefox和ie下面能正确运行.

谢谢各位大虾..请将html源代码贴出来..

----------------------
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>js读取和添加xml代码</title>
  5.     <script type="text/javascript">
  6.         function Version()
  7.         {
  8.             if (window.ActiveXObject) {//ie
  9.                 return "IE";
  10.             }
  11.             else if (document.implementation.createDocument) {//Mozilla, Firefox, Opera, etc.
  12.                 return "FF";
  13.             }
  14.             return "";
  15.         }
  16.         // 兼容浏览器读取xml
  17.         function getxml(strxml)
  18.         {
  19.             var xmlDoc = null;
  20.             if (window.ActiveXObject) {//ie
  21.                 xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  22.                 xmlDoc.async = false;
  23.                 xmlDoc.loadXML(strxml);
  24.                 //如果从外部xml文件读取可使用xmlDoc.load(file);
  25.             }
  26.             else if (document.implementation.createDocument) {//Mozilla, Firefox, Opera, etc.
  27.             //  xmlDoc = document.implementation.createDocument("", "", null);
  28.                 xmlDoc = (new DOMParser()).parseFromString(strxml, "text/xml");
  29.                 //如果从外部xml文件读取可使用xmlDoc.load(file);
  30.             }
  31.        
  32.             return xmlDoc;
  33.         }
  34.         window.onload = function ()
  35.         {
  36.             var xml = document.getElementById("xml").innerHTML;
  37.             var xmlDOM = getxml(xml);
  38.             var count = 0;
  39.             var array = new Array();

  41.             if (Version() == "IE") {
  42.                 count = xmlDOM.documentElement.childNodes.length;
  43.                 alert("sub的总数:" + count );

  45.                 for (var i = 0; i < count; i++) {
  46.                     var node = xmlDOM.documentElement.childNodes.item(i);
  47.                     var arr = new Array();
  48.                     for (var c = 0; c < node.childNodes.length; c++) {
  49.                         arr.push(node.childNodes.item(c).text);
  50.                         // alert(node.childNodes.item(c).text);
  51.                     }
  52.                     array.push(arr);
  53.                 }
  54.                 show2Array(array);


  57.                 //new node
  58.                 var newNode = xmlDOM.documentElement.childNodes.item(0).cloneNode(1);
  59.                 newNode.childNodes.item(0).text = "hello";
  60.                 newNode.childNodes.item(1).text = "world";
  61.                 newNode.childNodes.item(2).text = "nice!";

  63.                 xmlDOM.documentElement.appendChild(newNode);

  65.                 var arr = new Array();
  66.                 arr.push(newNode.childNodes.item(0).text);
  67.                 arr.push(newNode.childNodes.item(1).text);
  68.                 arr.push(newNode.childNodes.item(2).text);
  69.                 array.push(arr);

  71.                 alert("添加新节点之后:");
  72.                 show2Array(array);
  73.                 count = xmlDOM.documentElement.childNodes.length;
  74.                 alert("添加新节点之后sub的总数:" + count  );
  75.             }
  76.             else {


  79.                 count = xmlDOM.documentElement.children.length;
  80.                 alert("sub的总数:" + count);

  82.                 for (var i = 0; i < count; i++) {
  83.                     var node = xmlDOM.documentElement.children.item(i);
  84.                     var arr = new Array();
  85.                     for (var c = 0; c < node.children.length; c++) {
  86.                         arr.push(node.children.item(c).textContent);
  87.                     }
  88.                     array.push(arr);
  89.                 }
  90.                 show2Array(array);


  93.                 //new node
  94.                 var newNode = xmlDOM.documentElement.children.item(0).cloneNode(1);
  95.                 newNode.children.item(0).textContent = "hello";
  96.                 newNode.children.item(1).textContent = "world";
  97.                 newNode.children.item(2).textContent = "nice!";

  99.                 xmlDOM.documentElement.appendChild(newNode);

  101.                 var arr = new Array();
  102.                 arr.push(newNode.children.item(0).textContent);
  103.                 arr.push(newNode.children.item(1).textContent);
  104.                 arr.push(newNode.children.item(2).textContent);
  105.                 array.push(arr);

  107.                 alert("添加新节点之后:");
  108.                 show2Array(array);
  109.                 count = xmlDOM.documentElement.children.length;
  110.                 alert("添加新节点之后sub的总数:" + count);
  111.             }




  116.         };

  118.         function show2Array(array)
  119.         {

  121.             for (var c = 0; c < array.length; c++) {

  123.                 var arr = array[c];

  125.                 var str = ""
  126.                 for (var i = 0; i < arr.length; i++) {
  127.                     str += arr[i] + "\r\n";
  128.                 }
  129.                 alert("第" + (c + 1) + "个元素:\r\n" + str);
  130.             }
  131.         }
  132.     </script>
  133. </head>
  134. <body>
  135.     <div id="xml" style="display:none;">
  136.         <?xml version="1.0" encoding="utf-8" ?>
  137.         <root>
  138.     <sub>
  139.         <name>1111111</name>
  140.         <addr>22222222</addr>
  141.         <remark>333333</remark>
  142.     </sub>
  143.     <sub>
  144.         <name>21111111</name>
  145.         <addr>322222222</addr>
  146.         <remark>4333333</remark>
  147.     </sub>
  148. </root>
  149.     </div>
  150. </body>
  151. </html>
复制代码
TOP
返回列表
上一主题 | 下一主题