1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>层级关系访问节点</title>
    7.     <script type="text/javascript">
    8.         function fn() {
    12.             //获取 table 第一个 tr
    13.             var tdArray = document.getElementsByTagName("tr")[0];
    17.             //获取 第一个tr 和 第三个tr 文本
    18.             var strOne = tdArray.childNodes[0].innerHTML;
    19.             var strThree = tdArray.childNodes[2].innerHTML;
    23.             console.log(tdArray.childNodes);
    25.             //获取idP 页面输出获取的td文本
    26.             var idp = document.getElementById("idP");
    27.             idp.innerHTML = "第一个td:" + strOne +"<br/>" +  "第三个td:" + strThree +"<br/>"
    29.         }
    31.     </script>
    32. </head>
    33. <body onload="fn()">
    34.     <table border="1px" cellpadding="0" cellspacing="0">
    35.         <tr>
    36.             <td>明明</td>
    37.             <td>红红</td>
    38.             <td>蓝蓝</td>
    39.         </tr>
    40.     </table>
    41.     <p id="idP"></p>
    42. </body>
    43. </html>