XML DOM Tutorial
DOM HOMEDOM Introduction
DOM Nodes
DOM Node Tree
DOM Parser
DOM Load Function
DOM Methods
DOM Accessing
DOM Node Info
DOM Node List
DOM Traversing
DOM Browsers
DOM Navigating
Manipulate Nodes
DOM Get ValuesDOM Change Nodes
DOM Remove Nodes
DOM Replace Nodes
DOM Create Nodes
DOM Add Nodes
DOM Clone Nodes
DOM XMLHttpRequest
XML DOM Reference
DOM Node TypesDOM Node
DOM NodeList
DOM NamedNodeMap
DOM Document
DOM DocumentImpl
DOM DocumentType
DOM ProcessingInstr
DOM Element
DOM Attribute
DOM Text
DOM CDATA
DOM Comment
DOM XMLHttpRequest
DOM ParseError Obj
DOM Parser Errors
DOM Summary
XML DOM Examples
DOM ExamplesDOM Validator
XML DOM childNodes Property
Element Object
Definition and Usage
The childNodes property returns a NodeList containing the child nodes of the selected node
If the selected node has no children, this property returns a NodeList containing no nodes.
Syntax
Tips and Notes
Tip: To loop through a childNodes list, it is more efficient to use the nextSibling property than to explicitly use the childNodes list of the parent object.
Example 1
The following code fragment loads "books.xml" into xmlDoc using loadXMLDoc() and gets the text node from the first <title> element in "books.xml":
Example
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
document.write(x.nodeValue);
The output of the code above will be:
Try it yourself »
Example 2
The following code fragment loads "books.xml" into xmlDoc using loadXMLDoc() and gets the number of child nodes from the first <book> element in "books.xml":
Example
x=xmlDoc.getElementsByTagName("book")[0].childNodes;
document.write(x.length);
In Internet Explorer the output of the code above will be:
In Mozilla browsers the output of the code above will be:
Try it yourself »
Firefox, and most other browsers, will treat empty white-spaces or new lines as text nodes, Internet Explorer will not. So, in the example above, the output will be different.
To read more about the differences between browsers, visit our DOM Browsers chapter in our XML DOM Tutorial.
Element Object
| WEB HOSTING |
|---|
| Best Web Hosting |
| PHP MySQL Hosting |
| Best Hosting Coupons |
| UK Reseller Hosting |
| Cloud Hosting |
| Top Web Hosting |
| $7.95/mo SEO Hosting |
| Premium Website Design |
| WEB BUILDING |
|---|
| XML Editor - Free Trial! |
| FREE Website BUILDER |
| Free Website Templates Free CSS Templates |
| Make Your Own Website |
| W3SCHOOLS EXAMS |
|---|
|
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP |
| W3SCHOOLS BOOKS |
|---|
|
New Books: HTML, CSS JavaScript, and Ajax |
| STATISTICS |
|---|
|
Browser Statistics Browser OS Browser Display |
| SHARE THIS PAGE |
|---|
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.
While using this site, you agree to have read and accepted our terms of use and privacy policy.
Copyright 1999-2012 by Refsnes Data. All Rights Reserved.