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

标签 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 转换为表格中的按钮?

谢谢 霍华德

最佳答案

你的意思是这样的吗?

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>

关于javascript - HTML 创建一个包含在新窗口中打开链接的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30949878/

相关文章:

javascript - 如何针对不同的请求(URL)拆分拦截器?

javascript - JQuery 添加填充到原始填充

Python HTML - 按属性获取元素

html - 文字装饰不会消失

javascript - 快速(占用空间少)的 JavaScript 时钟

javascript - Chrome 扩展程序 - 页面操作 : defining pages

javascript - Div 元素在切换时向上移动

javascript - 使用 document.write 将文本写入 div

html - 如何强调在两行上展开的超链接。 CSS-HTML 极客?

pdf - 在 postscript 和 pdfmaker 末尾带有两个超链接的简单行