http://www./dom/dom_attribute.asp

XML DOM Get Nodes

Examples

In the examples below, we will use the XML file books.xml, and the JavaScript function loadXMLDoc().

Get an element‘s value
This example uses the getElementsByTagname() method to get the values of all "title" elements in "books.xml"

Get an attribute‘s value
This example uses the getAttribute() method to get the values of all "category" attributes in "books.xml".

Get an item‘s value
This example uses the getNamedItem() method to get the values of all "category" attributes in "books.xml".

Get an Element‘s Value

The getElementsByTagname() method returns a nodelist that contains all elements with the specified tag name in the same order as they appear in the source document.

The following code fragment prints the values of all "title" elements in "books.xml":

xmlDoc=loadXMLDoc("books.xml");

var x=xmlDoc.getElementsByTagName(‘title‘);

for (i=0;i<x.length;i++)
            {
            document.write(x[i].childNodes[0].nodeValue)
            document.write("<br />")
            }

Output:

Everyday Italian
            Harry Potter
            XQuery Kick Start
            Learning XML

Get an Attribute‘s Value

The getAttribute() method can be used to display the value of an attribute.

The following code fragment prints the values of all "category" attributes in "books.xml":

xmlDoc=loadXMLDoc("books.xml");

var x=xmlDoc.getElementsByTagName(‘book‘);

for (i=0;i<x.length;i++)
            {
            document.write(x[i].getAttribute(‘category‘));
            document.write("<br />");
            }

Output:

COOKING
            CHILDREN
            WEB
            WEB

Get an Item‘s Value

The getNamedItem() method can be used to retrieve a specified node.

The following code fragment shows how to print the value of the "category" attribute in each <book> element":

xmlDoc=loadXMLDoc("books.xml");

var x=xmlDoc.getElementsByTagName("book");

for(i=0;i<x.length;i++)
            {
            var attlist=x.item(i).attributes;
            var att=attlist.getNamedItem("category");
            document.write(att.value + "<br />")
            }

Output:

COOKING
            CHILDREN
            WEB
            WEB