以下是對dom中的children對象數組元素firstChild
lastChild的使用進行了詳細的分析介紹
需要的朋友可以參考下
復制代碼 代碼如下:
<!children對象數組元素示例 >
<html>
<body>
<table id="tbl">
<tbody> <tr> <td> 行列 </td><td>行列 </td></tr>
<tr> <td> 行列 </td><td>行列 </td></tr>
</tbody>
</table>
<input onclick="alert(documentalltblchildren()children()innerHTML)" value="children()" type="button">
<input onclick="alert(documentalltblchildren()children()innerHTML)" value="children()" type="button">
<input onclick="alert(documentalltblchildren()children()children()innerHTML)" value="children()" type="button">
<div id=test>
<a></a>
<table></table>
</div>
<script>
alert(testchildren[]tagName)
alert(testchildren[]tagName)
</script>
</body>
</html>
<!在DOM中整個頁面裡的元素是個樹型結構
children 代表對象的子節點數組>
documentalltblchildren()children()innerHTML解釋
documentalltblchildren()定位到table的第一個子節點<tbody>
documentalltblchildren()children() 定位到table的第一個子節點的第一個子節點<tr>打印結果<td> 行列 </td><td>行列 </td>
documentalltblchildren()children()innerHTML打印結果<td> 行列 </td><td>行列 </td>
documentalltblchildren()children()children()innerHTML 打印結果行列
<!fistChildlastChild示例>
<html>
<body>
<table id="tbl">
<tbody> <tr id="tr"> <td> 行列 </td><td>行列 </td></tr>
<tr> <td="tr"> 行列 </td><td>行列 </td></tr>
</tbody>
</table>
<input onclick="alert(documentalltblfirstChildfirstChildinnerHTML)" value="children()" type="button">
<input onclick="alert(documentalltblfirstChildlastChildinnerHTML)" value="children()" type="button">
<input onclick="alert(documentalltblfirstChildlastChildfirstChildinnerHTML)" value="children()" type="button">
<div id=test>
<a></a>
<table></table>
</div>
<script>
alert(testfirstChildtagName)
alert(testlastChildtagName)
</script>
</body>
</html>
documentalltblfirstChild定位到table的第一個子節點<tbody>
documentalltblfirstChildfirstChild定位到table的第一個子節點<tbody>
的第一個子節點<tr id="tr">
documentalltblfirstChildfirstChildinnerHTML打印結果是<td> 行列 </td><td>行列 </td>
documentalltblfirstChildlastChild定位到table的第一個子節點<tbody>
的最後子節點<tr id="tr">
documentalltblfirstChildlastChildinnerHTML打印結果是<td="tr"> 行列 </td><td>行列 </td>
documentalltblfirstChildlastChildfirstChildinnerHTML 打印結果是
行列
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20059.html