Count the number of nodes in an XML snippet using Javascript/E4X

Question

Consider this problem:

Using Javascript/E4X, in a non-browser usage scenario (a Javascript HL7 integration engine), there is a variable holding an XML snippet that could have multiple repeating nodes.

<pets>       
 <pet type="dog">Barney</pet>
 <pet type="cat">Socks</pet>
</pets>

Question: How to get the count of the number of pet nodes in Javascript/E4X ?

EDIT: To clarify, this question should be around E4X (ECMAScript for XML). Apologies to those who answered without this information. I should have researched & posted this info beforehand.

Do you at least have access to a DOM API? – Ionuț G. Stan Jul 21 '09 at 22:57 — Ionuț G. Stan, Jul 21 '09 at 22:57

csj · Accepted Answer · 2009-11-23T20:04:44.077

5

Use an E4X XML object to build an XMLList of your 'pet' nodes. You can then call the length method on the XMLList.

//<pets>
//    <pet type="dog">Barney</pet>
//    <pet type="cat">Socks</pet>
//</pets>  

// initialized to some XML resembling your example
var petsXML = new XML("");  

// build XMLList
var petList = petsXML['pet'];  

// alternative syntax
// var petList = petsXML.pet;  

// how many pet nodes are under a given pets node?
var length = petList.length();

edited Nov 23 '09 at 20:04

answered Jul 22 '09 at 03:09

csj

18,860
2
17
24

Can't you just do: petsXML.pet.length(); – Niko Nyman Nov 23 '09 at 21:05
Absolutely, and in fact I would normally do just that! I just wanted to break things apart to clarify that .pet (or ['pet']) returns and XMLList object, and that length() is a method call on that type. – csj Nov 24 '09 at 19:20

womp · Answer 2 · 2009-07-21T22:52:29.967

3

I'd say... use jQuery!

  var count = 0;
  $(xmlDoc).find("pet").each(function() {
          count++;

          // do stuff with attributes here if necessary.
          // var pet = $(this);
          // var myPetType = pet.attr("type");
       };
  });

EDIT: Can't use jquery... ok, let's do it in regular javascript :(

      var pets= xmlDoc.getElementsByTagName("pet");
      for ( var i = 0; i < pets.length ; i++ )
      {
          count++;
         // var petObj = {
         //     pets[i].getAttribute("type")
         //  };
      }

edited Jul 21 '09 at 22:52

answered Jul 21 '09 at 22:43

womp

111,854
24
229
262

Nice. However `$` is not meant for arbitrary xml strings, it's meant for html. It works by accident in this particular case. Guaranteed to work is `$(xmlDoc)` (ie the DOM document representing `xmlstring`). – Crescent Fresh Jul 21 '09 at 22:47
Great answer! Unfortunately JQuery is not available to me, as the JS is not in a browser or able to make references to external libraries. This answer gets an upvote anyway! – p.campbell Jul 21 '09 at 22:48
100% correct. find() works on elements, not text, which isn't too clear from my variable name. I guess I should make that clearer.. good call. – womp Jul 21 '09 at 22:49
1

-1, you didn't use the `length` property with either `jQuery` or `getElementsByTagName()`. – Ionuț G. Stan Jul 21 '09 at 22:57
Ionut, both my code samples provided for manipulating the pet nodes instead of just getting the count. This is because the original question before the edit stated something about looking for duplicate nodes. – womp Jul 21 '09 at 23:03

Alan Gutierrez · Answer 3 · 2009-07-21T22:55:39.713

Using the DOM you can call getElementsByTagName().

alert( document.getElementsByTagName( "pet" ).length );

More information:

https://developer.mozilla.org/en/DOM:element.getElementsByTagName

You're going to need to obtain the XML document somehow. XHR, for example, returns documents as parsed XML.

var xhr = new XMLHttpRequest();  
xhr.open( 'GET', 'http://domain.com/pets.xml', true );  
xhr.onreadystatechange = function ( e ) {  
    if ( xhr.readyState == 4 && xhr.status == 200 )
        alert( xhr.responseXML.getElementsByTagName( "pet" ).length );
};
xhr.send( null );

Count the number of nodes in an XML snippet using Javascript/E4X

3 Answers3