js 解析 xml 属性

function init() {
 var viewChartID = 0;
 var viewChartSum = "" ;
 reportName = document.getElementById("reportName").value;
 xmlDoc=loadXMLDoc("./charreport/xml/viewChart.xml");
 x=xmlDoc.getElementsByTagName('viewChart')[0].childNodes;
 for (i=0;i<x.length;i++)
 {
//取得xml中的group 的属性 name
  var n=x[i].getAttribute('name');
  if(reportName==n) {
   var m = x[i].childNodes;
   for(var y=0;y<m.length;y++) {
   viewChartName = m[y].childNodes[0].nodeValue;
   viewChartSum = viewChartSum+"<div id='"+i+"'><a href=javascript:gochart('"+viewChartName+"')>"+viewChartName+"</a></div>";
   document.getElementById("viewChart1").innerHTML = viewChartSum;
   document.getElementById("viewChart2").innerHTML = viewChartSum;
   }
  }
 }
 
}
function loadXMLDoc(dname)
{
try //Internet Explorer
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
catch(e)
  {
  try //Firefox, Mozilla, Opera, etc.
    {
    xmlDoc=document.implementation.createDocument("","",null);
    }
  catch(e) {alert(e.message)}
  }
try
  {
  xmlDoc.async=false;
  xmlDoc.load(dname);
  return(xmlDoc);
  }
catch(e) {alert(e.message)}
return(null);
}
<?xml version="1.0" encoding="utf-8"?>
<viewChart>
 <group name = "Outage_Details" >
    <chart_name>test3</chart_name>
    <chart_name>test4</chart_name>
    </group>
   
    <group name = "FOPS_Ranking_Analysis" >
    <chart_name>test1</chart_name>
    <chart_name>test2</chart_name>
    </gr