Javascript CreateElement按钮

时间:2017-02-23 15:15:09

标签: javascript button createelement

我有一个问题,我现在已经痛苦了几个小时。 上下文是,我需要在JavaScript中创建一个带有动作侦听器的按钮,并将其添加到表中。

这是我的代码

var _button = document.createElement("button");
_button.data = _a;
_button.innerHTML = 'click me';
_button.onclick = function()
{
    alert("hello, world");
}

var table = document.getElementById("tableOnline");
var row = table.insertRow(1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);

var _weakbutton = _button.outerHTML;
_weakbutton.onclick = function()
{
    alert("hello, world");
}

cell1.innerHTML = "h";
cell2.innerHTML = "o";
cell3.innerHTML = _weakbutton;

如果我添加创建按钮并将其添加到正文(没有weakButton),代码可以正常工作,但是如何让它在表格中工作呢?

亲切的问候, Zhendos。

编辑: 因为要求,这是我们谈论的表格。

<div class = "container">
 <div class = "table">
  <thead id = "thead">
   <tr>
    <th> firstname <th>
    <th> lastname </th>
    <th> organisation </th>
   </tr>
  </thead>

  <tbody>

  </tbody>
 </table>
</div>

0 个答案:

没有答案