Xml and Javascript

Question

I've been for numerous tutorials and I still can't seem to get this right.

I have the following XML document

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

<bookstore>

  <book category="COOKING">
    <title lang="en">Everyday Italian</title>
    <author>Giada De Laurentiis</author>
    <year>2005</year>
    <price>30.00</price>
  </book>

  <book category="CHILDREN">
    <title lang="en">Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
  </book>

  <book category="WEB">
    <title lang="en">Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
  </book>

</bookstore>

I also have the folowing javascript in my HTML

if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else // for IE 5/6
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET","book.xml",false);
xhttp.send();
xmlDoc=xhttp.responseXML;

alert(xmlDoc.getElementsByTagName("title").nodeValue);

I want to be able to alert a specific title ( or all title if possible ).

How is this possible?

getElementsByTagName returns a node list, you can not use nodeValue on a list. — epascarello
– epascarello, Commented Oct 28, 2013 at 13:32
As epascarello said, you will have to iterate through the NodeList returned by getElementsByTagName to look at individual Nodes. — Paul S.
– Paul S., Commented Oct 28, 2013 at 13:33

Paul S. · Accepted Answer · 2013-10-28 13:40:43Z

1

So how can I get just the first "title" and alert it?

Assuming xmlDoc,

var titles = xmlDoc.getElementsByTagName("title"); // NodeList
if (titles[0])                    // if there is an item in index 0
    alert(titles[0].textContent); // alert it's textContent
else                              // otherwise
    alert('Error: no titles');    // some error message

edited Oct 28, 2013 at 13:40

answered Oct 28, 2013 at 13:35

Paul S.

66.6k9 gold badges129 silver badges143 bronze badges

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

2 Comments

Paul S. Over a year ago

@craig sorry, assumed nodeValue was the property you wanted, try with textContent instead (edited).

craig Over a year ago

Im assuming document.getElementById('booktitle1').innerHTML=(titles[0].textContent); should work?

Collectives™ on Stack Overflow

Xml and Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related