html - How can I iterate through an Elements child nodes using Javascript? -

i'm trying iterate through dom elements children , display attributes in code:

document.write("<table border='1'>"); var testcaseiterator = xmldoc.getelementsbytagname("testcase")[1].childnodes;  for(i=0; < testcaseiterator.length; i++){      document.write("<tr><td>");     document.write(testcaseiterator[i].getattribute('name'));     document.write("</td></tr>"); } document.write("</table>"); 

my xml:

<?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet type="text/xsl" href="xsltoutput2.xsl"?> <testsuite>   <activestep case="6" step="14" />   <testcase name="visit buttons [in region button: navi 0]">     <verification type="screen" id="1e542f75-1ba2-482d-8edd-39f70620d6dd" status="">       <screen widgetid="audio_radio_fm">         <menu entrystrategy="first" looped="false" orientation="horizontal" selectable="true" widgetid="status">           <entry selectable="true" widgetid="status" widgettype="entry">             <label widgetid="status_label">status</label>           </entry>         </menu>         <menu entrystrategy="second" looped="false" orientation="horizontal" selectable="true" widgetid="apl">           <button selectable="true" widgetid="apl_navi" widgettype="button">             <label widgetid="apl_navi_label">navi</label>           </button>           <button selectable="true" widgetid="apl_audio" widgettype="button">             <label widgetid="apl_audio_label">audio</label>           </button>           <button selectable="true" widgetid="apl_tel" widgettype="button">             <label widgetid="apl_tel_label">tel</label>           </button>           <button selectable="true" widgetid="apl_video" widgettype="button">             <label widgetid="apl_video_label">video</label>           </button>           <button selectable="true" widgetid="apl_system" widgettype="button">             <label widgetid="apl_system_label">system</label>           </button>           <button selectable="true" widgetid="apl_net" widgettype="button">             <img src="img/apl_net.png" widgetid="apl_net_image" />           </button>         </menu>         <menu entrystrategy="first" looped="false" orientation="horizontal" selectable="true" widgetid="plf">           <entry selectable="true" widgetid="playfield" widgettype="entry">             <label widgetid="playfield_label">playfield</label>           </entry>         </menu>         <menu entrystrategy="middle" looped="false" orientation="horizontal" selectable="true" widgetid="audio_radio_sfl">           <button selectable="true" widgetid="audio_radio_sfl_radio" widgettype="button">             <label widgetid="audio_radio_sfl_radio_label">radio</label>           </button>           <button selectable="true" widgetid="audio_radio_sfl_presets" widgettype="button">             <label widgetid="audio_radio_sfl_presets_label">presets</label>           </button>           <button selectable="true" widgetid="audio_radio_sfl_info" widgettype="button">             <label widgetid="audio_radio_sfl_info_label">info</label>           </button>           <button selectable="true" widgetid="audio_radio_sfl_fm" widgettype="button">             <label widgetid="audio_radio_sfl_fm_label">fm</label>           </button>           <button selectable="true" widgetid="audio_radio_sfl_sound" widgettype="button">             <label widgetid="audio_radio_sfl_sound_label">sound</label>           </button>         </menu>       </screen>     </verification>     <verification optionid="audio" type="focus" id="d713b58b-06b1-4274-9a79-fe90a071383c" status="" />     <command type="cce:left" id="3a591a3c-9b9f-41a7-9b50-0892197128ec" status="" />     <verification optionid="navi" type="focus" id="6037419a-25ae-4a7f-b842-0e88df9dfe4c" status="" />   </testcase> 

this not working: ideas?

var testcaseiterator = xmldoc.getelementsbyid("tc").childnodes; 

the rest of code looks okay.

for(i=0; < testcaseiterator.length; i++)  {      document.write("<tr><td>");      document.write(testcaseiterator[i].getattribute('name'));      document.write("</td></tr>");  }  document.write("</table>") 

you have edit 5th line of xml,

 <testcase id ="tc"  name="visit buttons [in region button: navi 0]"> 

this work if xml in dom structure.