js双击修改表格

<table id="myTable">
  <tr>
    <td>双击修改我</td>
  </tr>
</table>

document.addEventListener('DOMContentLoaded', function() {
  var table = document.getElementById('myTable');
  var cells = table.getElementsByTagName('td');

  for (var i = 0; i < cells.length; i++) {
    cells[i].addEventListener('dblclick', function() {
      var currentContent = this.innerHTML;
      var input = document.createElement('input');
      input.type = 'text';
      input.value = currentContent;
      this.innerHTML = '';
      this.appendChild(input);
      input.focus();

      input.addEventListener('blur', function() {
        this.parentNode.innerHTML = this.value;
      });

      input.addEventListener('keypress', function(e) {
        if (e.key === 'Enter') {
          this.blur();
        }
      });
    });
  }
});