Getting only direct children in XML

[Andrew May]

This is only my first AJAX based application so this may be a trivial
question but I cannot find any way of getting at the data I want.

So, I have an XML file of the form:

<data>
<dataelement// one or more instances of this

[Martin Honnen]

Andrew May wrote:

Using getElementsByTa gName on <datagets me an array containing all
<statuselemen ts including those of the child <dataelements>s . What I
need is some means to extract from <dataonly those <statuselemen ts
that are directly children of the <dataand not those that are children
of the child <dataelement> s. I could probably use LastChild to get what
I want but cannot guarantee that the <statuswill necessarily come
after the <dataelement> s.

With the core DOM you need to write a helper function that loops through
the childNodes and looks for the element nodes with the name you are
after (e.g. status).
Most browsers by now also support XPath so with Mozilla, Opera 9 you can
use the W3C DOM Level 3 XPath API to use an XPath expression of e.g.
status
relative to your data element.
With IE 6 and later there is also XPath support in the form of
selectSingleNod e/selectNodes exposed on DOM nodes.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Andrew May]

Thanks to both of you. Looping through childNodes it is then. IE support
being a requirement and it not being a particularly big piece of XML.
Being new to this I wondered whether there might be some magic
incantation that I had missed but no real problem writing a bit of code.

Thanks again.

Andrew

[David Golightly]

On Sep 21, 4:17 am, Andrew May <andrew_d_...@h otmail.comwrote :

This is only my first AJAX based application so this may be a trivial
question but I cannot find any way of getting at the data I want.

So, I have an XML file of the form:

<data>
<dataelement// one or more instances of this
.
some data
.
<status>
.
some status information
.
</status>
</dataelement>
<status>
.
some status information
.
</status>
</data>

The significant feature is that both the enclosing <dataand each
<dataelementhav e <statuselemen ts that are identical in format so I
want to keep the <statustag.

I can use getElementsByTa gName to extract all the <dataelementsan d
then use getElementByTag Name to get all <statuselemen ts in each
<dataelement> . There should only be one so I can use FirstChild to
access it.

Using getElementsByTa gName on <datagets me an array containing all
<statuselemen ts including those of the child <dataelements>s . What I
need is some means to extract from <dataonly those <statuselemen ts
that are directly children of the <dataand not those that are children
of the child <dataelement> s. I could probably use LastChild to get what
I want but cannot guarantee that the <statuswill necessarily come
after the <dataelement> s.

I hope this is clear.

Thanks,

Andrew

This is actually a DOM question, which is an interface that's
implemented in lots of languages, so it's not strictly JS. Also,
XMLHttpRequest is unfortunately named - XML is quite heavyweight for
most Ajax applications; JSON is much easier to work with in
JavaScript, and takes much less code to traverse. Plus, it's easy for
server-side languages to parse; there are lots of free parsing
libraries out there for your language of choice, if you have the
misfortune to not be working in Python on the server ;) . If you
haven't yet, I'd recommend taking a look at JSON.

But to answer your question, you need node.childNodes . Be aware that,
as you iterate through this NodeList, you'll have to check the
NodeType property to ensure that it equals 1 (node.ELEMENT_N ODE),
because childNodes also may include text nodes, comment nodes, CDATA
nodes, etc., none of which have a tagName property. (Alternatively,
you may traverse the childNodes as a linked list, starting with
node.firstChild , then assigning successively node = node.nextSiblin g
until you reach node.lastChild) . Let me know if you need code samples
here. Good luck!

-David

[Andrew May]

David Golightly wrote:

This is actually a DOM question, which is an interface that's
implemented in lots of languages, so it's not strictly JS.

I did wonder about that - whether the question might be better in an XML
group. But, having said that I have had some useful answers from the
folks here.

XML is quite heavyweight for
most Ajax applications; JSON is much easier to work with in
JavaScript, and takes much less code to traverse. Plus, it's easy for
server-side languages to parse; there are lots of free parsing
libraries out there for your language of choice, if you have the
misfortune to not be working in Python on the server ;) . If you
haven't yet, I'd recommend taking a look at JSON.

That looks interesting. Don't think I've come across JSON before. I'll
take a look. What I am trying to achieve is not complex so JSON looks
ideal. I've plenty of programming experience but am new to all this
PHP/web/javascript stuff.

Thanks,

Andrew