熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

解析dom中的children對象數組元素firstChild,lastChild的使用

2013-11-15 11:59:59  來源: JSP教程 
以下是對dom中的children對象數組元素firstChildlastChild的使用進行了詳細的分析介紹需要的朋友可以參考下   復制代碼 代碼如下:

  
<!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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.