SOURCE

function rowRules()
  {
  document.getElementById('myTable').rules="rows"
  }
function colRules()
  {
document.getElementById('myTable').rules="cols"
  }

<table id="myTable" border="1"> 
  <tbody>
   <tr> 
    <td>Row1 cell1</td> 
    <td>Row1 cell2</td> 
   </tr> 
   <tr> 
    <td>Row2 cell1</td> 
    <td>Row2 cell2</td> 
   </tr> 
   <tr> 
    <td>Row3 cell1</td> 
    <td>Row3 cell2</td> 
   </tr> 
  </tbody>
 </table> 
 <br> 
 <input type="button" onclick="rowRules()" value="仅显示行边框"> 
 <input type="button" onclick="colRules()" value="仅显示列边框">