如何使用href为动态表格创建链接

<table>
  <tr>
    <td id="cell1"></td>
    <td id="cell2"></td>
    <td id="cell3"></td>
  </tr>
</table>

// 获取表格单元格的引用
var cell1 = document.getElementById("cell1");
var cell2 = document.getElementById("cell2");
var cell3 = document.getElementById("cell3");

// 添加点击事件监听器
cell1.addEventListener("click", createLink);
cell2.addEventListener("click", createLink);
cell3.addEventListener("click", createLink);

function createLink() {
  // 获取表格单元格的文本内容
  var cellText = this.innerHTML;

  // 创建一个链接元素
  var link = document.createElement("a");

  // 设置链接的href属性
  link.href = "http://example.com?cell=" + cellText;

  // 设置链接的文本内容
  link.textContent = "Link to " + cellText;

  // 将链接添加到单元格中
  this.innerHTML = "";
  this.appendChild(link);
}