Question

求用纯js制作一个表格，求方法，楼下附带图片

输出这种格式的就行

Answer 1

var table = document.createElement("table");
		table.width	= "100%";
		table.style.borderCollapse = "collapse";
		table.style.borderSpacing = 0;

		var tbody = document.createElement("tbody");
		table.appendChild(tbody);

		tbody.insertRow(0);
		tbody.rows[0].insertCell(0);
		tbody.rows[0].cells[0].colSpan = 4;
		tbody.rows[0].cells[0].style.textAlign = 'center';
		tbody.rows[0].cells[0].style.color = "red";
		tbody.rows[0].cells[0].style.fontSize = "22px";
		tbody.rows[0].cells[0].style.border = "1px solid #ccc";
		tbody.rows[0].cells[0].appendChild(document.createTextNode("周更生个人简历"));

		var textArr = [['姓名：','周更生','性别：','男'],['年龄：','34岁','学历：','大专'],['毕业时间：','2005年7月','毕业学校：','北京科技大学']];
		for (var i = 0; i < 3; i++) {
			tbody.insertRow(i+1);
			for (var j = 0; j < 4; j++) {
				tbody.rows[i+1].insertCell(j);
				tbody.rows[i+1].cells[j].style.border = "1px solid #ccc";
				if (j%2==0) { 
					tbody.rows[i+1].cells[j].style.textAlign = "right";
					tbody.rows[i+1].cells[j].style.fontWeight = "bold";
				}
				tbody.rows[i+1].cells[j].appendChild(document.createTextNode(textArr[i][j]));
			};
		}
		document.body.appendChild(table);