如何使用js向td添加按钮? [英] How do I add a button to a td using js?
本文介绍了如何使用js向td添加按钮?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个动态生成的表,因为它正在生成其TD,所以我想将第一个TD设置为按钮.下面是我的代码,显然不起作用.我记得另一个问题是我可以使用.html()来更改div的内容,但这在这里都不起作用.
I have a table that is generated on the fly, as it is generating its TDs, I want to set the first TD to be a button. Below is my code, obviously doesn't work. I remember from another problem I had that we can change the content of a div using the .html(), but that doesnt work here neither.
代码:
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 = "Email";
tr.appendChild(td = document.createElement("td"));
td.innerHTML = "First Name";
tr.appendChild(td = document.createElement("td"));
td.innerHTML = "Last Name";
tr.appendChild(td = document.createElement("td"));
td.innerHTML = "Is Active?";
for (var i in data)
{
tr = document.createElement("tr");
tr.setAttribute("id", "row" + i);
if (i%2 == 0)
{
tr.setAttribute("style", "background:white");
}
var entry = data[i];
console.log(entry);
table.appendChild(tr);
tr.appendChild(td = document.createElement("td"));
td.setAttribute("html", "<input type=\"button\" class=\"btn\" value=\'" + entry.email + "\" onclick=\"" + chooseUser(entry) + "\"/>");
tr.appendChild(td = document.createElement("td"));
td.innerHTML = entry.first_name;
tr.appendChild(td = document.createElement("td"));
td.innerHTML = entry.last_name;
tr.appendChild(td = document.createElement("td"));
td.innerHTML = entry.isActive;
}
推荐答案
您可以使用 td.innerHTML ='< input type ="button" ...';
它是正确"的方式:
You can either use td.innerHTML = '<input type="button"...';
or you can do it the "proper" way:
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);
这篇关于如何使用js向td添加按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文