角度-如何获取元素的宽度和高度

Question

如何获取表格中第一个td元素的宽度和高度？

<div class="page">
  <table>
   <tr>
     <td></td>
     ...
   </tr>
</div>

Answer 1

您可以使用clientHeight和clientWidth-请注意，在此演示中queryAll选择器仅针对单个td-您将需要扩展该选择器以获得正确的TD。

let tableCell = document.querySelector('td');

let cellWidth = tableCell.clientWidth +'px';
let cellHeight = tableCell.clientHeight +'px';


console.log('width: ' + cellWidth, ' / height: ' + cellHeight);

<div class="page">
  <table>
   <tr>
     <td>Test</td>
   </tr>
  </table>
</div>