在表格单元格中创建超链接

Question

我正在尝试在表的单元格中创建超链接，但是当前，超链接仅在表中显示为文本。查看控制台，我可以看到linkElement的创建正确，如下所示：

<a href="some url">text</a>

我的JS代码

//Creating the table
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
//creating URL elements 
linkElement = document.createElement("a");
linkElement.setAttribute("href", url);
var linkText = document.createTextNode(url);
linkElement.append(linkText);
console.log(linkElement)
cell1.innerHTML = linkElement;
cell2.innerHTML = appVersion;

我的HTML：

<table id="myTable">
</table>

Answer 1

使用cell1.append(linkElement)，cell1.innerHTML的目的是在将HTML作为字符串而不是对象提供时使用。

Answer 2

使用cell1.innerHTML= '<a href="'+url+'">'+linkElement+'</a>';