Javascript 如何使用js向td添加按钮?

Javascript 如何使用js向td添加按钮?,javascript,button,Javascript,Button,我有一个表是动态生成的,因为它正在生成TDs,我想将第一个TD设置为一个按钮。下面是我的代码,显然不起作用。我记得我遇到的另一个问题是,我们可以使用.html()更改div的内容,但这在这里也不起作用 代码: var table=document.getElementById(“userinfo”); var thead、tr、td; table.appendChild(thead=document.createElement(“thead”); thead.appendChild(tr=doc

我有一个表是动态生成的,因为它正在生成TDs,我想将第一个TD设置为一个按钮。下面是我的代码,显然不起作用。我记得我遇到的另一个问题是,我们可以使用.html()更改div的内容,但这在这里也不起作用

代码:

var table=document.getElementById(“userinfo”);
var thead、tr、td;
table.appendChild(thead=document.createElement(“thead”);
thead.appendChild(tr=document.createElement(“tr”);
tr.appendChild(td=document.createElement(“td”);
td.innerHTML=“电子邮件”;
tr.appendChild(td=document.createElement(“td”);
td.innerHTML=“名字”;
tr.appendChild(td=document.createElement(“td”);
td.innerHTML=“姓氏”;
tr.appendChild(td=document.createElement(“td”);
td.innerHTML=“是否处于活动状态?”;
用于(数据中的var i)
{
tr=document.createElement(“tr”);
tr.setAttribute(“id”、“行”+i);
如果(i%2==0)
{
tr.setAttribute(“样式”,“背景:白色”);
}
var分录=数据[i];
控制台日志(条目);
表1.儿童(tr);
tr.appendChild(td=document.createElement(“td”);

td.setAttribute(“html”,“您可以使用
td.innerHTML=”这对我很有用

 var row = {};
     var myTable = document.querySelector("table#tableProducts>tbody");

     row = myTable.insertRow();

     row.insertCell(-1).textContent = "dummy";
     var lastRow = row;
     var lastCell = lastRow.cells[lastRow.cells.length - 1];
     lastCell.innerHTML = "<button id='btnEdit';>Editar</button>";
var行={};
var myTable=document.querySelector(“table#tableProducts>tbody”);
行=myTable.insertRow();
row.insertCell(-1).textContent=“dummy”;
var lastRow=行;
var lastCell=lastRow.cells[lastRow.cells.length-1];
lastCell.innerHTML=“Editar”;

该死,我一直认为innerHTML不会呈现um元素。我会试试这些。\n更喜欢第二种方法。顺便说一句@Kolink:我以前读过关于innerHTML for td标记的内容。如果我没有错的话,在某些情况下它是不起作用的。我想它是关于IE的。这是真的吗?问题:最后一个(条目)是干什么的?整个结构都是“锚定”"
entry
的值。否则,在循环结束后,当您单击该按钮时,它将始终使用
entry
的最后一个值。您是否尝试对td节点使用appendChild而不是innerHTML?小注:
appendChild
返回附加的节点。为便于阅读,您应该执行类似于
td=tr.append的操作子(文档.CealEngEnter(‘TD’)) -表达式中间的赋值是东的。
var btn = document.createElement('input');
btn.type = "button";
btn.className = "btn";
btn.value = entry.email;
btn.onclick = (function(entry) {return function() {chooseUser(entry);}})(entry);
td.appendChild(btn);
 var row = {};
     var myTable = document.querySelector("table#tableProducts>tbody");

     row = myTable.insertRow();

     row.insertCell(-1).textContent = "dummy";
     var lastRow = row;
     var lastCell = lastRow.cells[lastRow.cells.length - 1];
     lastCell.innerHTML = "<button id='btnEdit';>Editar</button>";