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

使用JavaScript将表格中单元格的值设置为文本输入需要以下步骤：

首先，获取需要设置为文本输入的单元格元素。可以通过getElementById、getElementsByClassName、getElementsByTagName等方法获取到表格元素及其子元素。
使用事件委托的方式，为表格的父元素绑定一个click事件的监听器。通过事件对象的target属性获取到被点击的元素。
验证被点击的元素是否是单元格元素。可以通过tagName属性判断元素是否为td或th元素。
创建一个文本输入框元素，并设置其value为被点击的单元格的文本内容。可以使用createElement方法创建一个input元素，并使用innerHTML或textContent属性设置其value值。
将文本输入框元素插入到单元格元素中，替换原本的文本内容。可以使用replaceChild方法将input元素替换掉原本的文本节点。
为文本输入框元素绑定失去焦点事件的监听器，以便在用户输入完成后恢复为文本内容。可以使用addEventListener方法为input元素绑定blur事件的监听器，监听器的回调函数中将input元素的value赋值给单元格元素的innerHTML或textContent属性。
根据具体需求，可以对文本输入框元素进行样式设置，例如设置宽度、边框样式等。

下面是一个示例代码：

// 获取表格元素
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();
  }
});

这样，当用户点击单元格时，单元格的文本内容将被替换为一个文本输入框，用户可以编辑文本输入框中的内容，编辑完成后失去焦点，文本输入框的值将恢复为文本内容。