Latest web development tutorials

XML DOM firstChild property

Document Object Reference Document Object

Definition and Usage

firstChild property returns the first child node of the document.

grammar

documentObject.firstChild


Tips and Notes

Note: Firefox and most other browsers, the empty spaces between the nodes will generate or wrap as text nodes, while Internet Explorer will ignore whitespace text nodes between nodes generated.Thus, in the example below, we'll use a function that checks the node type of the first child node.

Node type element node is 1, so if the first child node is not an element node, it will move to the next node, and checks if this node is an element node. The whole process will continue until the first element child node is found. Through this method, we can get the right results in all browsers.

Tip: For more information about browser differences, please visit us in our XML DOM tutorial DOM browser section.


Examples

The following code fragment uses loadXMLDoc () to " the Books.xml " into xmlDoc, and displays the node name and node of the first child node of the document type:

Examples

//check if the first node is an element node
function get_firstchild(n)
{
x=n.firstChild;
while (x.nodeType!=1)
{
x=x.nextSibling;
}
return x;
}

xmlDoc=loadXMLDoc("books.xml");

x=get_firstchild(xmlDoc);
document.write("Nodename: " + x.nodeName);
document.write(" (nodetype: " + x.nodeType);

Output:

Nodename: bookstore (nodetype: 1)

try it"

Try Demos

Get the last child node of the document


Document Object Reference Document Object