如何使用JavaScript按元素名获取子元素?

如何使用JavaScript按元素名获取子元素?,javascript,xml,dom,nested-loops,Javascript,Xml,Dom,Nested Loops,我有一个XML文件,其中有许多节点,如下所示: <map-item> <location-name>U Lot (Pine Sreet)</location-name> <link>https://maps.google.com?daddr=Pine+Avenue+Middletown+CT+06457</link> <latitude>41.55017

我有一个XML文件,其中有许多节点,如下所示:

<map-item>
            <location-name>U Lot (Pine Sreet)</location-name>
            <link>https://maps.google.com?daddr=Pine+Avenue+Middletown+CT+06457</link>
            <latitude>41.5501724</latitude>
            <longitude>-72.6588056</longitude>
            <icon-path>img/parking-icon.svg</icon-path>
 </map-item>
 markers = xml.documentElement.getElementsByTagName("map-item");
        for (var i = 0; i < markers.length; i++) {
              //do something here for each marker
        }

U地段(松树街)
https://maps.google.com?daddr=Pine+大道+中城+CT+06457
41.5501724
-72.6588056
img/parking-icon.svg
我成功地循环了XML文件中的所有映射项元素,如下所示:

<map-item>
            <location-name>U Lot (Pine Sreet)</location-name>
            <link>https://maps.google.com?daddr=Pine+Avenue+Middletown+CT+06457</link>
            <latitude>41.5501724</latitude>
            <longitude>-72.6588056</longitude>
            <icon-path>img/parking-icon.svg</icon-path>
 </map-item>
 markers = xml.documentElement.getElementsByTagName("map-item");
        for (var i = 0; i < markers.length; i++) {
              //do something here for each marker
        }
markers=xml.documentElement.getElementsByTagName(“映射项”);
对于(var i=0;i
但是我很难弄清楚如何深入并获取每个地图项目元素中的子元素,例如位置名称图标路径。为了获取这些子元素的值并对其进行处理,我需要做些什么?

您可以在每个标记上再次使用。如果xml有效且符合某种模式,则可以预期在
中至少有一个给定名称的元素

var markers=xml.documentElement.getElementsByTagName(“映射项”);
对于(var i=0;i

如果不知道每个
中有多少子元素,则必须再次打开所选列表或循环的
.length

是否尝试使用
标记[0]。childNodes

for (var i = 0; i < markers[0].childNodes.length; i++) {
  // NOTE: List is live, Adding or removing children will change the list
  markers[0].childNodes[i];
}
for(var i=0;i


@Prasanth非常友好地用一个to-display(我修改了输出,这样它就不会成为警报)来演示。

这里有一个解决方案。如果其中一个答案解决了您的问题,您应该向上投票和/或接受