dom_nodes_get.asp

W3Schools tutorial..web designing

The nodeValue property returns the text value of the text node:</p>
<table width="100%" border="1" class="ex" cellspacing="0" id="table26">
<tr><td>
<pre>x=xmlDoc.getElementsByTagName(&quot;title&quot;)[0];
y=x.childNodes[0];
txt=y.nodeValue;</pre>
</td></tr>
</table>
<p>Result:&nbsp; txt = &quot;Everyday Italian&quot;</p>
<p><a target="_blank" href="tryit.asp@filename=try_dom_getelementsbytagname">Try 
it yourself</a></p>
<p>Loop through all &lt;title&gt; elements:
<a target="_blank" href="tryit.asp@filename=try_dom_getelementsbytagname1">Try 
it yourself</a></p>
<hr />

<h2>Get the Value of an Attribute</h2>
<p>In the DOM, attributes are nodes. Unlike element nodes, attribute nodes have 
text values.</p>
<p>The way to get the value of an attribute, is to get its text value.</p>
<p>This can be done using the getAttribute() method or using the nodeValue 
property of the attribute node.</p>
<hr />

<h2>Get an Attribute Value - getAttribute()</h2>
<p>The getAttribute() method returns an attribute <b>value</b>.</p>
<p>
The following code retrieves the text value of the &quot;lang&quot; attribute of the first 
&lt;title&gt; element:</p>
<table width="100%" border="1" class="ex" cellspacing="0" id="table22">
<tr><td>
<pre>xmlDoc=loadXMLDoc(&quot;books.xml&quot;);</pre>
<pre>txt=xmlDoc.getElementsByTagName(&quot;title&quot;)[0].getAttribute(&quot;lang&quot;);</pre>
</td></tr>
</table>
<p>Result:&nbsp; txt = &quot;en&quot;</p>
<p>Example explained:</p>
<ol>
	<li>Load &quot;<a target="_blank" href="books.xml">books.xml</a>&quot; 
	into xmlDoc using <a href="dom_loadxmldoc.asp">loadXMLDoc()</a> </li>
	<li>Set the txt variable to be the value of the &quot;lang&quot; attribute of the 
	first title element node</li>
</ol>
<p><a target="_blank" href="tryit.asp@filename=try_dom_getattribute">Try it 
yourself</a></p>
<p>Loop through all &lt;book&gt; elements and get their &quot;category&quot; attributes:
<a target="_blank" href="tryit.asp@filename=try_dom_getattribute1">Try 
it yourself</a><br />
</p>
<hr />

<h2>Get an Attribute Value - getAttributeNode()</h2>
<p>The getAttributeNode() method returns an attribute <b>node</b>.</p>
<p>
The following code retrieves the text value of the &quot;lang&quot; attribute of the first 
&lt;title&gt; element:</p>
<table width="100%" border="1" class="ex" cellspacing="0" id="table27">
<tr><td>
<pre>xmlDoc=loadXMLDoc(&quot;books.xml&quot;);</pre>
<pre>x=xmlDoc.getElementsByTagName(&quot;title&quot;)[0].getAttributeNode(&quot;lang&quot;);
txt=x.nodeValue;</pre>
</td></tr>
</table>
<p>Result:&nbsp; txt = &quot;en&quot;</p>
<p>Example explained:</p>
<ol>
	<li>Load &quot;<a target="_blank" href="books.xml">books.xml</a>&quot; 
	into xmlDoc using <a href="dom_loadxmldoc.asp">loadXMLDoc()</a> </li>
	<li>Get the &quot;lang&quot; attribute node of the first &lt;title&gt; element node</li>
	<li>Set the txt variable to be the value of the attribute</li>
</ol>
<p><a target="_blank" href="tryit.asp@filename=try_dom_getattributenode">Try it 
yourself</a></p>
<p>Loop through all &lt;book&gt; elements and get their &quot;category&quot; attributes:
<a target="_blank" href="tryit.asp@filename=try_dom_getattributenode2">Try 
it yourself</a></p>
<hr />

<a href="dom_nodes_navigate.asp"><img border="0" src="../images/btn_previous.gif" alt="prev" width="100" height="20" /></a>
<a href="dom_nodes_set.asp"><img border="0" src="../images/btn_next.gif" alt="next" width="100" height="20" /></a>

<br />
<hr />

<!-- **** SPOTLIGHTS 1 **** -->

<iframe src="../banners/aspallframe.asp" height="110" width="485"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<hr />
<!-- **** SPOTLIGHTS 2 **** -->


<!-- **** SPOTLIGHTS 3 **** -->
<table cellpadding="0" cellspacing="0"><tr><td width="72"></td><td>
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*txt*/
google_ad_slot = "1699448869";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table>
<hr />

<center>

<iframe style="background-color:#ffffff" src="../banners/aspallbannerframe.asp" height="60" width="468" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>

</center>
<hr />

<table>
<tr>
<td><img src="../images/diploma.jpg" alt="diploma" /></td>
<td>&nbsp;&nbsp;</td>
<td valign="top">
<h2>Get Your Diploma!</h2>
<p>W3Schools' Online Certification Program is the perfect solution for busy 
professionals who need to balance work, family, and career building.</p>
<p>The <a href="../cert/default.asp">HTML Certificate</a> is for developers who want to document their knowledge of HTML, XHTML, and CSS.</p>
<p>The <a href="../cert/default.asp">ASP Certificate</a> is for developers who want to document their knowledge of ASP, SQL, and ADO.</p>
</td>
</tr>
</table>
<br />


<hr />

<!-- **** END SPOTLIGHTS **** -->

</td></tr>

<tr><td>
<p>Jump to: <a href="#top" target="_top"><b>Top of Page</b></a>
or <a href="../default.asp" target="_top"><b>HOME</b></a> or
<a href='dom_nodes_get.asp@output=print' target="_blank">
<img src="../images/print.gif" alt="Printer Friendly" border="0" />
<b>Printer friendly page</b></a></p>
<p>W3Schools provides material for training only. We do not warrant the correctness of its contents.
The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our
<a href="../about/about_copyright.asp">terms of use</a> and
<a href="../about/about_privacy.asp">privacy policy</a>.
</p>
<p><a href="../about/about_copyright.asp">Copyright 1999-2008</a> by Refsnes Data. All Rights Reserved.</p>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>
<td width="60%" align="left">
<a href="../../validator.w3.org/check@uri=referer" target="_blank">
<img src="../images/vxhtml.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../jigsaw.w3.org/css-validator/check@uri=referer" target="_blank">
<img src="../images/vcss.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../www.w3.org/WAI/WCAG1A-Conformance" title="Explanation of Level A Conformance" target="_blank">
<img src="../images/wai.gif" alt="W3C-WAI level A conformance icon" width="88" height="31" border="0" /></a>
</td>
<td>
<a href="../xhtml/xhtml_howto.asp" target="_top">W3Schools was converted to XHTML in December 1999</a>
</td></tr>

</table>
</td></tr>
</table>
</td>


<td width="145" align="center" valign="top">




<iframe style="background-color:#f1f1f1" src="../banners/rightcolumn.asp@secid=dom" height="1500" width="147"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
</iframe>

</td>
</tr></table>

</body>
</html>