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

时间:2015-06-20 03:11:19

标签: javascript html hyperlink

我一直在使用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转换为表格中的按钮?

谢谢 霍华德

1 个答案:

答案 0 :(得分:0)

你的意思是这样的吗?

&#13;
&#13;
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());
}
&#13;
<div id="tabs-10"> 
  <table style="width:300px">
    <tr>
      <td>
        
      </td>
    </tr>
  </table>
</div>
<a>Add button</a>
&#13;
&#13;
&#13;