Как очистить таблицу js

<table id="data">
    <thead>
      <tr>
        <th>Chair</th>
        <th>The Laid back</th>
        <th>The Worker Bee</th>
        <th>The Chair 4/2</th>

      </tr>
    </thead>
    <tbody>
      <tr>
        <th>Width</th>
        <td>30 cm</td>
        <td>20 cm</td>
        <td>80 cm</td>
       
      </tr>
      <tr>
        <th>Heigth</th>
        <td>80 cm</td>
        <td>40 cm</td>
        <td>60 cm</td>
      </tr>
   </tbody>
</table>
<button onclick="handlerAll();">Удалить все значения</button>
<button onclick="handler();">Удалить значения в ячейках</button>

table, td, th {
  /* Делаем границы аккуратными */
  border: 1px solid;
  border-collapse: collapse;
}

const handlerAll = () => {
  const table = document.getElementById("data");
  table.innerHTML = '';
}

const handler = () => {
  const allTd = document.getElementsByTagName("td");
  for (let i = 0; i < allTd.length; i += 1) {
    allTd[i].innerHTML = '';
  }
}