如何通过JavaScript知道是否隐藏了空白单元格的边框和背景?

要了解JavaScript中是否隐藏了空单元格的背景和边框,请使用emptyCells属性。

示例

您可以尝试运行以下代码来设置是否使用JavaScript显示空白单元格的边框和背景-

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, td {
            border:1px solid;
         }
      </style>
   </head>
   <body>
      <table id="myID" style="empty-cells:hide;">
         <tr>
            <td>One</td>
            <td>111</td>
         </tr>
         <tr>
            <td>Two</td>
            <td>222</td>
         </tr>
         <tr>
            <td>Three</td>
            <td></td>
         </tr>
      </table>
      <br>
      <button type="button" onclick="display()">Return</button>
      <script>
         function display() {
            document.write(document.getElementById("myID").style.emptyCells);
         }
      </script>
   </body>
</html>
猜你喜欢