如何在表格单元格中嵌套锚元素？

Question

I am looking to create this using javascript but am not getting it correct:

<td>
    <a href="https://google.com">
        Google
    </a>
</td>

My current JS looks like this:

var value = "Google";
var draftLink = document.createElement("a");

draftLink.href = "https://google.com";
draftLink.innerHTML = value;

td.innerHTML = draftLink;

I am ending up with

<td>
    https://google.com
<td>

Answer 1

Assuming that your td variable gets the table cell that you want, use appendChild instead:

var value = "Google";
var draftLink = document.createElement("a");
draftLink.href = "https://google.com";
draftLink.innerHTML = value;

td.appendChild(draftLink);

 var value = "Google"; var draftLink = document.createElement("a"); var td = document.getElementsByTagName('td')[0]; draftLink.href = "https://google.com"; draftLink.innerHTML = value; td.appendChild(draftLink);

 <table> <tr> <td> </td> </tr> </table>