我想放这个按钮
<button class="btn btn-primary btn-fab btn-icon btn-round">
在名为“详细信息”的列内
但我不知道怎么做,这是我的代码
var tableRef = document.getElementById('ticker_table').getElementsByTagName('tbody')[0];
var tickerArray = [];
for (i = 0; i < 10; i++) {
var newRow = tableRef.insertRow();
newRow.insertCell(0).appendChild(document.createTextNode(data[i]["ticker"]));
newRow.insertCell(1).appendChild(document.createTextNode(data[i]["fund"]));
newRow.insertCell(2).appendChild(document.createTextNode(data[i]["index_tracked"]));
newRow.insertCell(3).appendChild(document.createTextNode(data[i]["assetclass"]));
}
最佳答案
您可以使用 insertAdjacentHTML
在末尾之前添加数据,而不是创建文本注释:
var tableRef = document.getElementById('ticker_table').getElementsByTagName('tbody')[0];
var tickerArray = [];
for (i = 0; i < 10; i++) {
var newRow = tableRef.insertRow(); newRow.insertCell(0).appendChild(document.createTextNode(data[i]["ticker"]));
newRow.insertCell(1).appendChild(document.createTextNode(data[i]["fund"]));
newRow.insertCell(2).appendChild(document.createTextNode(data[i]["index_tracked"]));
newRow.insertCell(3).appendChild(document.createTextNode(data[i]["assetclass"]));
newRow.insertCell(4).insertAdjacentHTML('beforeend', '<button class="btn btn-primary btn-fab btn-icon btn-round">');
}
请引用this answer有关 insertAdjacentHTML
函数的更多信息
关于javascript - 使用 jquery 在表的单元格列内创建引导按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58525021/