如何使用javascript将表格中单元格的值设置为文本输入onclick的值？

// 获取表格元素
var table = document.getElementById("myTable");

// 绑定点击事件监听器
table.addEventListener("click", function(event) {
  var target = event.target;
  
  // 验证被点击的元素是否为单元格元素
  if (target.tagName === "TD" || target.tagName === "TH") {
    // 创建文本输入框元素
    var input = document.createElement("input");
    input.type = "text";
    input.value = target.textContent;
    
    // 替换原本的文本节点
    target.replaceChild(input, target.firstChild);
    
    // 绑定失去焦点事件监听器
    input.addEventListener("blur", function() {
      target.innerHTML = input.value;
    });
    
    // 设置文本输入框的样式
    input.style.width = "100%";
    input.style.border = "1px solid #ccc";
    
    // 设置文本输入框自动聚焦
    input.focus();
  }
});