javascript - HTML 创建一个包含在新窗口中打开链接的按钮

Question

我一直在使用 document.write 打开我在新窗口中创建的链接。

document.write("<a target='blank' href='#"+link_number+"'>Click Here to open link</a>");

link_number 是我正在创建的动态数字(每次都不同)。现在我试图将该链接放入我的表格中

<div id="tabs-10"> 
<table style="width:300px">
<tr><td><input type="button" id="Link1" checked /> Go to Link 1</td></tr>
</table>
</div> 

我知道如何创建一个按钮，例如 How to create an HTML button that acts like a link?

但我的问题是，如何将 document.write 转换为表格中的按钮？

谢谢霍华德

Answer 1

你的意思是这样的吗？

var addButton = function(text) {
  var btn = document.createElement('button');
  var ttd = document.querySelectorAll('td')[0];

  btn.innerHTML = text;

  ttd.appendChild(btn);
}

document.querySelectorAll('a')[0].onclick = function() {
  addButton('Random ' + Math.random());
}

<div id="tabs-10"> 
  <table style="width:300px">
    <tr>
      <td>
        
      </td>
    </tr>
  </table>
</div>
<a>Add button</a>