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>

​