• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 729
  • Last Modified:

XmlHttpRequest In Javascript - not finding nodeValue's ???

I am playing around with XmlHttpRequest to add some nifty functionality to a CMS. My problem is that, using DOM, I CAN access the object.nodeName, but not the object.nodeValue. My first assumption was that my XML was not correctly formed, however I have checked a million times and it's fine. Here is what I'm working with:

                var req;
            function loadXMLDoc(url) {
                  // branch for native XMLHttpRequest object
                  if (window.XMLHttpRequest) {
                        req = new XMLHttpRequest();
                        req.onreadystatechange = processReqChange;
                        req.open("GET", url, true);
                        // branch for IE/Windows ActiveX version
                  } else if (window.ActiveXObject) {
                        req = new ActiveXObject("Microsoft.XMLHTTP");
                        if (req) {
                              req.onreadystatechange = processReqChange;
                              req.open("GET", url, true);
                  else {
                        // do nothing

               function processReqChange() {
                  // only if req shows "loaded"
                  if (req.readyState == 4) {
                        // only if "OK"
                        if (req.status == 200) {
                        } else {
                              alert("There was a problem retrieving the XML data:\n" + req.statusText);

                // empty Topics select list content
            function clearFileList() {
                  document.getElementById('fileList').innerHTML = '';

               function appendToList(divi, value, content) {
                  var opt;
                  opt = divi;
                  opt.innerHTML = (opt.innerHTML + content);
            function buildFileList() {
                   var listdiv = document.getElementById("fileList");
                   var items = req.responseXML.getElementsByTagName("file");
                   // loop through <file> elements, and add each nested
                   // <title> element to List
                   for (var i = 0; i < items.length; i++) {
                                 // Finds TITLE element and outputs the value.
                         appendToList(listdiv, i, ('<li class="attFile" id="att'+ i +'"><a href="#">' + items[i].firstChild.nodeValue + '</a></li>'));

My XML file outputs this:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

                  <title>Happy Lappy</title>

                  <description>Mums' great new laptop.</description>


                  <description>is this an image! i think it is!</description>



I've tried using getElementsByTagName() to find the "title" element, all sorts of crazy hair-brained stuff, but it just keeps outputing "undefined".

Any ideas? Can you see any errors in my code? Your help is most appreciated!
1 Solution

is the <file><title> element. The Text within that is within a Text Node. I believe you may need to use items[i].firstChild.firstChild.nodeValue.

I got this example: x[i].childNodes[j].firstChild.nodeValue, from quirksmode.


ucantblamemAuthor Commented:
WOW, that worked???

It's funny, cause that just doesn't seem logical, but it works??? Thanks heaps, you've saved me alot of headache!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now