嘗試解析XML文件

Question

    <list name="List2" refQuery="Query1" showColumnTitles="hide">
                                                <listColumns>
                                                    <listColumn>
                                                        <listColumnTitle>
                                                            <contents/>
                                                        </listColumnTitle>
                                                        <listColumnBody>
                                                            <contents>
                                                                <list name="List3" refQuery="Query1" showColumnTitles="hide">
                                                                    <listColumns>
                                                                        <listColumn>
                                                                            <listColumnTitle>
                                                                                <contents/>
                                                                            </listColumnTitle>
                                                                            <listColumnBody>
                                                                                <contents>
                                                                                    <list name="List4" refQuery="Query1">
                                                                                        <style>
                                                                                            <CSS value="border-collapse:collapse"/>
                                                                                            <defaultStyles>
                                                                                                <defaultStyle refStyle="ls"/>
                                                                                            </defaultStyles>
                                                                                        </style>
                                                                                        <listColumns>
                                                                                            <listColumn>
                                                                                                <listColumnTitle>
                                                                                                    <contents>
                                                                                                        <textItem>
                                                                                                            <dataSource>
                                                                                                                <dataItemLabel refDataItem="Product type1"/>
                                                                                                            </dataSource>
                                                                                                        </textItem>
                                                                                                    </contents>
                                                                                                    <style>
                                                                                                        <defaultStyles>
                                                                                                            <defaultStyle refStyle="lt"/>
                                                                                                        </defaultStyles>
                                                                                                    </style>
                                                                                                </listColumnTitle>
                                                                                                <listColumnBody>
                                                                                                    <contents>
                                                                                                        <textItem>
                                                                                                            <dataSource>
                                                                                                                <dataItemValue refDataItem="Product type1"/>
                                                                                                            </dataSource>
                                                                                                        </textItem>
                                                                                                    </contents>
                                                                                                    <style>
                                                                                                        <defaultStyles>
                                                                                                            <defaultStyle refStyle="lc"/>
                                                                                                        </defaultStyles>
                                                                                                    </style>
                                                                                                </listColumnBody>
                                                                                            </listColumn>
                                                                                            <listColumn>
                                                                                                <listColumnTitle>
                                                                                                    <contents>
                                                                                                        <textItem>
                                                                                                            <dataSource>
                                                                                                                <dataItemLabel refDataItem="Product name"/>
                                                                                                            </dataSource>
                                                                                                        </textItem>
                                                                                                    </contents>
                                                                                                    <style>
                                                                                                        <defaultStyles>
                                                                                                            <defaultStyle refStyle="lt"/>
                                                                                                        </defaultStyles>
                                                                                                    </style>
                                                                                                </listColumnTitle>
                                                                                                <listColumnBody>
                                                                                                    <contents>
                                                                                                        <textItem>
                                                                                                            <dataSource>
                                                                                                                <dataItemValue refDataItem="Product name"/>
                                                                                                            </dataSource>
                                                                                                        </textItem>
                                                                                                    </contents>
                                                                                                    <style>
                                                                                                        <defaultStyles>
                                                                                                            <defaultStyle refStyle="lc"/>
                                                                                                        </defaultStyles>
                                                                                                    </style>
                                                                                                </listColumnBody>
                                                                                            </listColumn>
                                                                                            <listColumn>
                                                                                                <listColumnTitle>
                                                                                                    <contents>
                                                                                                        <textItem>
                                                                                                            <dataSource>
                                                                                                                <dataItemLabel refDataItem="Margin"/>
                                                                                                            </dataSource>
                                                                                                        </textItem>
                                                                                                    </contents>
                                                                                                    <style>
                                                                                                        <defaultStyles>
                                                                                                            <defaultStyle refStyle="lt"/>
                                                                                                        </defaultStyles>
                                                                                                    </style>
                                                                                                </listColumnTitle>
                                                                                                <listColumnBody>
                                                                                                    <contents>
                                                                                                        <textItem>
                                                                                                            <dataSource>
                                                                                                                <dataItemValue refDataItem="Margin"/>
                                                                                                            </dataSource>
                                                                                                        </textItem>
                                                                                                    </contents>
                                                                                                    <style>
                                                                                                        <defaultStyles>
                                                                                                            <defaultStyle refStyle="lm"/>
                                                                                                        </defaultStyles>
                                                                                                    </style>
                                                                                                </listColumnBody>
                                                                                            </listColumn>
                                                                                        </listColumns>
                                                                                    </list>
                                                                                </contents>
                                                                                <style>
                                                                                    <defaultStyles>
                                                                                        <defaultStyle refStyle="sb"/>
                                                                                    </defaultStyles>
                                                                                </style>
                                                                            </listColumnBody>
                                                                        </listColumn>
                                                                    </listColumns>
                                                                    <style>
                                                                        <CSS value="border-collapse:collapse;width:100%"/>
                                                                        <defaultStyles>
                                                                            <defaultStyle refStyle="sc"/>
                                                                        </defaultStyles>
                                                                    </style>
</list>

我正在嘗試檢索dataItemLabel的 refDataItem 。 我可以檢索它，但是它出現了3次，因為我正在檢索listColumns的nodeList，如下所示：

nodeList = document.getElementsByTagName("listColumns");
            getListColumnsNodes(nodeList);

問題是它檢索了3次listColumns ，因此顯示了dataItemLabel的 refDataItem 3次，但是我只需要一次。

誰能幫助我如何僅取回一次？

Answer 1

nodeList [0]是數組nodeList中的第一個元素。 要引用數組的第一個元素，請使用：

getListColumnsNodes(nodeList[0]);

另一種方法是使用唯一的元素標識：

<listColumns id="foo">
nodeList = document.getElementById("foo");

以下是有關使用數組和獲取元素的一些信息：

• http://www.w3schools.com/js/js_arrays.asp
• http://www.w3schools.com/js/js_htmldom_elements.asp