js添加html表格,javascript-如何用js添加表格？

我想通过JavaScript在html表格上添加表格.

我已经尝试使用appendChild和insertBefore方法,但是这些方法无效.

这是我的JavaScript：

var utilisateur = [{

id: 51,checked: false,prenom: "Dolores",date: "Fermière",examen: "host",note: "ww.dolores@gmail.com"

},{

id: 52,checked: true,prenom: "Bernard",date: "Robopsycologue",examen: "human",note: "ww.bernard@gmail.com"

}

// {

// id: 3,// name: "Robert",// job: "Directeur",// specie: "human",// email: "ww.robert@gmail.com"

// },// {

// id: 4,// name: "Maeve",// job: "Maquerelle",// specie: "host",// email: "ww.maeve@gmail.com"

// },// {

// id: 5,// name: "Teddy",// job: "Inconnu",// email: "ww.teddy@gmail.com"

// },// {

// id: 6,// name: "William",// job: "Actionnaire",// email: "ww.william@gmail.com"

// },// {

// id: 7,// name: "Elsie",// job: "Programmeuse",// email: "ww.elsie@gmail.com"

// },// {

// id: 8,// name: "Nathanael",// job: "Dev",// specie: "human",// email: "s.nathanael@outlook.fr"

// }

];

for (let i = 0; i < 100; i++) {

var row = document.createElement("tr");

var cell0 = document.createElement("td");

var cell1 = document.createElement("td");

var atr = document.createAttribute("class");

atr.value = "bs-checkBox";

cell1.setAttributeNode(atr);

var para = document.createElement("input");

var para1 = document.createAttribute("data-index");

var para2 = document.createAttribute("name");

var para3 = document.createAttribute("type");

para1.value = "0";

para2.value = "btSelectItem";

para3.value = "checkBox";

para.setAttributeNode(para1);

para.setAttributeNode(para2);

para.setAttributeNode(para3)

cell1.appendChild(para);

// var cell1 = '

'

//alert(cell1).innerText;

var cell2 = document.createElement("td");

var cell3 = document.createElement("td");

var cell4 = document.createElement("td");

var cell5 = document.createElement("td");

var cell6 = document.createElement("td");

var cell7 = document.createElement("td");

var cell8 = document.createElement("td");

cell0.innerText = utilisateur[i].id;

cell1.innerText = utilisateur[i].checked

cell2.innerText = utilisateur[i].prenom;

cell3.innerText = utilisateur[i].date;

cell4.innerText = utilisateur[i].examen;

cell5.innerText = utilisateur[i].note;

row.appendChild(cell0);

row.appendChild(cell1);

row.appendChild(cell2);

row.appendChild(cell3);

row.appendChild(cell4);

row.appendChild(cell5);

// row.appendChild(cell6);

// row.appendChild(cell7);

// row.appendChild(cell8);

// document.getElementsById("tbody")[0].appendChild(row);

// var elem = document.getElementsById("tabs1");

// var mychild = document.getElementById("")

// elem.insertBefore(mypara,mychild);

// elem.appendChild(row);

var element = document.getElementById("tabs1")[0];

element.appendChild(row);

}

$(document).ready(function() {

$(cell1).toggleClass("bs-checkBox");

});

这是我的HTML：

PrénomDateExamenNote

Valérie01/09/2015Français12/20

我想在tbody的div上添加表JavaScript,但是他总是追随我的tbody.

问题是,即使我为我的JavaScript创建了另一个div,他也永远不会继续进行此div操作,因此我想将我的JavaScript放在div选项卡上.