How to parse nested XML file using Javascript?

Question

<Types>
   <Type id='1' name='sport'>
      <SubTypes id='1' name='football' />      
      <SubTypes id='2' name='tennis' />
   </Type>   

   <Type id='2' name='education'>
      <SubTypes id='1' name='school' />      
      <SubTypes id='2' name='university' />
   </Type>
</Types>

I have the previous XML file, and I want to parse it using Javascript, how can I access to all SubTypes for a specific Type ?

I used

var x=xmlhttp.responseXML.documentElement.getElementsByTagName("Type");

to parse the Types , but how can I parse the Subtypes for each type ?

Joseph Marikle · Accepted Answer · 2011-07-21 15:38:46Z

1

var x=xmlhttp.responseXML.documentElement.getElementsByTagName("Type"); 
for (var i = 0; i < x.length; i++) {
  var subTypes = new Array();
  var y = x[i].getElementsByTagName("SubTypes")
  for (var j = 0; j < y.length; j++){
    subTypes.push(y[j])
    // or you could just process them here
  }

  // process the subtypes in this type

}

That should get you there... idk what you want to do with these subtypes though

answered Jul 21, 2011 at 15:38

Joseph Marikle

78.8k18 gold badges114 silver badges130 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Steffen · Accepted Answer · 2022-06-16 08:51:34Z

0

You could also use xpath:

var x = xmlhttp.responseXML;
var subtypes = x.evaluate( '//Types/Type/SubType', x.documentElement);

https://developer.mozilla.org/en-US/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript

edited Jun 16, 2022 at 8:51

Steffen

134 bronze badges

answered Jul 21, 2011 at 15:56

aepheus

8,2178 gold badges39 silver badges52 bronze badges

Collectives™ on Stack Overflow

How to parse nested XML file using Javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related