[英]Add button to dynamic html table javascript
我是动态JavaScript的新手,正在为动态HTML表添加一个按钮。
function addToTable(){
var table = document.getElementById("table");
var row = table.insertRow(counter + 1);
var removeRow=document.createElement("BUTTON");
var cell0 = row.insertCell(0)
var cell1 = row.insertCell(1);
var cell2 = row.insertCell(2);
var cell3 = row.insertCell(3);
cell0.innerHTML = counter + 1;
cell1.innerHTML = getName(array[counter]);
cell2.innerHTML = getEmail(array[counter]);
cell3.innerHTML = document.body.appendChild(removeRow);
counter++;
}
每当我运行此命令时,在第一个单元格中,我都会获得索引号,名称和电子邮件。 在第四个单元格中,将显示“ [object HTMLButtonElement]”。
另外一个问题是,当我在按钮上分配标签时,整个方法将无法正常工作。 这就是我添加标签的方式。
var removeRow=document.createElement("BUTTON");
var text=document.createTextNode("Remove");
btn.appendChild(text);
document.body.appendChild(removeRow);
您不应该将单元格的innerHTML设置为document.appendChild
的返回值,这将返回一个DOM对象,该对象在设置为HTML时将变成字符串。 您只需将按钮附加到单元格即可。
cell3.appendChild( removeRow );
注意:就像我在小提琴中所做的那样,您应该设置所创建按钮的innerHTML。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.