这里为什么第一个节点的内容没有显示，而显示了最后一个节点？

  <script type="text/javascript">

    function fun1(){

        //拿到tr元素
        var oTr = document.getElementsByTagName("tr")[0];


        var nodeFir = oTr.childNodes[1];
        var nodeLast = oTr.childNodes[5];

        console.log(oTr.childNodes);

        var str = nodeFir.innerHTML;
        document.getElementById("info1").innerHTML = "第一个节点的内容：" + str + "<br/>";
        var str1 = nodeLast.innerHTML;

        document.getElementById("info1").innerHTML = "最后一个节点的内容：" + str1;
    }
    </script>

  </head>

  <body onload="fun1()">
   <table border="1" cellpaddding="0" cellspacing="0" >
        <tr>
            <td>Jack</td>
            <td>Tom</td>
            <td>Rose</td>
        </tr>
   </table>
   <p id="info1"></p>

  </body>


![图片说明](https://img-ask.csdn.net/upload/201702/12/1486895401_584388.png)

写错了，你后面直接覆盖了第一个节点的内容啊，要叠加噻