Question

有没有办法将多个连续的表行（<tr>）作为单个DOM对象处理？我有一个表“逻辑子”跨越多行（在我的特定情况下，两个）。显示时，它们与其他行混合，但我希望能够将这些行作为单个DOM对象进行操作（移动，删除，隐藏等）。

Answer 1

是的，将它们放在自己的<tbody>元素中。

<table id="my_table">
   <tbody>
       <tr><td> special </td><td> row </td></tr>
       <tr><td> special </td><td> row </td></tr>
   </tbody>

   <tbody>
       <tr><td> normal </td><td> row </td></tr>
       <tr><td> normal </td><td> row </td></tr>
       <tr><td> normal </td><td> row </td></tr>
       <tr><td> normal </td><td> row </td></tr>
       <tr><td> normal </td><td> row </td></tr>
   </tbody>
</table>

var table = document.getElementById('my_table');

var special_rows = table.tBodies[0]; // work with just the rows in this tbody
var normal_rows = table.tBodies[1];  // work with the rest

是否可以将多个行作为单个DOM对象处理？

1 个答案: