Javascript 使用js将HTML代码附加到元素

我有一个代码，用于将行追加到现有表中

$（'#factorTable'）。追加（''+name+''+price+''+number+''+sum+''）；

但是我需要在不使用jQuery的情况下完成它。如何将其转换为仅本机javascript我知道我可以使用以下代码将行插入到表中：

//查找id为=“myTable”的元素：
var table=document.getElementById（“myTable”）；
//创建一个空元素并将其添加到表的第一个位置：
var行=table.insertRow（0）；
//在“新”元素的第一和第二位置插入新单元格（元素）：
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
//在新单元格中添加一些文本：
cell1.innerHTML=“新建cell1”；
cell2.innerHTML=“新建cell2”；

---

但是，正如您在我的jQuery代码中看到的，我需要将

id

添加到

和

标记中。

如果您不需要支持IE8或IE9，您可以使用

insertAdjacentHTML

：

document.getElementById('factorTable').insertAdjacentHTML(
    'beforeend',
    '<tr id="ft-' + id + '"><td id="ftn-' + id + '">' + name + '</td><td id="ftp-' + id + '">' + price + '</td><td id="ftNum-' + id + '">' + number + '</td><td id="ftSum-' + id + '">' + sum + '</td></tr>'
);

---

cell1.id='id here'

或

row.innerHTML=''+name+''+price+''+number+''+sum+''

var tr = document.createElement('tr').
tr.id = 'ft-' + id;
tr.innerHTML = '<td id="ftn-' + id + '">' + name + '</td><td id="ftp-' + id + '">' + price + '</td><td id="ftNum-' + id + '">' + number + '</td><td id="ftSum-' + id + '">' + sum + '</td>';
document.getElementById('factorTable').appendChild(tr);