如何使用Javascript遍历元素子节点？

我试图遍历DOM元素子元素，并在代码中显示它们的属性：

document.write("<table border='1'>");
var testcaseiterator = xmlDoc.getElementsByTagName("TestCase")[1].childNodes;

for(i=0; i < testcaseiterator.length; i++){

    document.write("<tr><td>");
    document.write(testcaseiterator[i].getAttribute('name'));
    document.write("</td></tr>");
}
document.write("</table>");

document.write（“”）；
var testcaseiterator=xmlDoc.getElementsByTagName（“TestCase”）[1].childNodes；
对于（i=0；i

我的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 all 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>

地位
纳维
音频
电话
视频
系统
操场
无线电
预设
信息
调频
声音

这不起作用：有什么想法吗

var testcaseiterator = xmlDoc.getElementsById("tc").childNodes;

代码的其余部分看起来没问题

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

for（i=0；i

您还必须编辑XML的第5行

 <TestCase id ="tc"  name="Visit all buttons [in region Button: Navi 0]">

---

只有在DOM结构中使用XML时，这才有效。

它怎么不起作用？发生了什么事？控制台上有错误吗？浏览器中没有错误。这张桌子就是不见了。如果我只是在document.write（）中写一个字符串，那么它会用我的字符串打印几行。但数字不正确。您是否有

文档。是否在任何地方写入（“”

？

子节点

对我不起作用，我使用了

子节点

，效果很好。此

子节点[i]。getAttribute（'name'）

对我不起作用，但它确实起作用：

子节点[i]。标记名