text在迭代JavaScript XML中返回不需要的空文本值的内容

textContent returning unwanted empty text values in iteration JavaScript XML

本文关键字:文本 不需要 返回 迭代 JavaScript XML text      更新时间:2023-09-26

我正在尝试提取XML文件widgets.xml<point>节点的文本值。

我成功地获得了文本,但在for循环的每次迭代之间,我也获得了不需要的空文本值。经过仔细调试,当在我的JavaScript文件底部调用lines[i].childNodes[j].textContent时,问题似乎就开始了。

在我的Chrome调试器中,它在points[0][0]处的第一个值似乎是一个向下和向左的小箭头,类似于你在键盘上的Return键上找到的那个。

我一直在摆弄它有一段时间了,但我似乎不知道出了什么问题。

textContent在迭代过程中到底在做什么?

这是代码:


XML

<?xml version="1.0" encoding="UTF-8"?>

<user>
    <widgets>
        <widget id="00" status="on">
            <name>Bookings</name>
            <phpfile>booking.php</phpfile>
        </widget>
        <widget id="01" status="on">
            <name>Room Nights</name>
            <phpfile>room_nights.php</phpfile>
        </widget>
        <widget id="02" status="on" currency_type="$">
            <name>Revenue</name>
            <phpfile>revenue.php</phpfile>
        </widget>
        <widget id="03" status="on">
            <name>Visits</name>
            <phpfile>visits.php</phpfile>
        </widget>
        <widget id="04" status="on">
            <name>Website Traffic</name>
            <phpfile>chart.php</phpfile>
            <dataset>
                <data>
                    <startdate>2014-10-01</startdate>
                    <enddate>2014-10-12</enddate>
                    <lines>
                        <line num="1" name="Booking Engine">
                            <point>2014-10-01, 132</point>
                            <point>2014-10-02, 123</point>
                            <point>2014-10-03, 171</point>
                            <point>2014-10-04, 99</point>
                            <point>2014-10-05, 72</point>
                            <point>2014-10-06, 85</point>
                            <point>2014-10-07, 102</point>
                            <point>2014-10-08, 107</point>
                            <point>2014-10-09, 124</point>
                            <point>2014-10-10, 132</point>
                            <point>2014-10-11, 136</point>
                            <point>2014-10-12, 131</point>
                        </line>
                        <line num="2" name="Revenue">
                            <point>2014-10-01, 123</point>
                            <point>2014-10-02, 99</point>
                            <point>2014-10-03, 65</point>
                            <point>2014-10-04, 201</point>
                            <point>2014-10-05, 123</point>
                            <point>2014-10-06, 156</point>
                            <point>2014-10-07, 123</point>
                            <point>2014-10-08, 76</point>
                            <point>2014-10-09, 45</point>
                            <point>2014-10-10, 123</point>
                            <point>2014-10-11, 190</point>
                            <point>2014-10-12, 143</point>
                        </line>
                    </lines>
                </data>
            </dataset>
        </widget>
        <widget id="05" status="on">
            <name>Tips</name>
            <phpfile>tips.php</phpfile>
        </widget>
        <widget id="06" status="on">
            <name>Recent Bookings</name>
            <phpfile>recent_bookings.php</phpfile>
        </widget>
        <widget id="07" status="on">
            <name>Timeline</name>
            <phpfile>timelines.php</phpfile>
        </widget>
        <widget id="08" status="on">
            <name>Employees</name>
            <phpfile>employees.php</phpfile>
        </widget>
        <widget id="09" status="on">
            <name>Daily Progress</name>
            <phpfile>daily_progress.php</phpfile>
        </widget>
    </widgets>
</user>

和脚本:

JS

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            getXmlGraphData();
            //Gets the XML data from the widgets.xml file
            function getXmlGraphData() {
              var request = new XMLHttpRequest();
              var user;
              var lines = [];
              var points = [[]];
              request.open("GET", "widgets.xml", false);
              request.send();
              var xml = request.responseXML;
              var lines = xml.getElementsByTagName("line");
              for (var i = 0; i < lines.length; ++i) {
                if (!lines) {
                  lines = [];
                }
                for (var j = 0; j < lines[i].childNodes.length; ++j) {
                    if (!points[i]) {
                        points[i] = [];
                    }
                    points[i][j] = lines[i].childNodes[j].textContent; //the problem begins here
                }
              }
              document.write(points);
            }
        });
    </script>

输出

注意值之间的差距:

    ,2014-10-01, 132, ,2014-10-02, 123, ,2014-10-03, 171, ,2014-10-04, 99, ,2014-10-05, 72, ,2014-10-06, 85, ,2014-10-07, 102, ,2014-10-08, 107, ,2014-10-09, 124, ,2014-10-10, 132, ,2014-10-11, 136, ,2014-10-12, 131, , ,2014-10-01, 123, ,2014-10-02, 99, ,2014-10-03, 65, ,2014-10-04, 201, ,2014-10-05, 123, ,2014-10-06, 156, ,2014-10-07, 123, ,2014-10-08, 76, ,2014-10-09, 45, ,2014-10-10, 123, ,2014-10-11, 190, ,2014-10-12, 143,

如果你解决了,提前谢谢。

使用trim函数来消除字符串开头和结尾的空白。还要检查空字符串。

例如:

var str=" text "
var trimmedText=str.trim()//returns "text"