如何在点击单元格时显示表格视图单元格编辑视图？

// HTML
<table id="myTable">
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
  <tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
  </tr>
</table>

// JavaScript
const table = document.getElementById('myTable');
table.addEventListener('click', function(event) {
  const target = event.target;
  if (target.tagName === 'TD') {
    const editView = document.createElement('input');
    editView.type = 'text';
    editView.value = target.innerText;
    editView.addEventListener('blur', function() {
      target.innerText = editView.value;
      target.removeChild(editView);
    });
    target.innerText = '';
    target.appendChild(editView);
    editView.focus();
  }
});