动态创建表格(使用模板字符串)

原创于 2020-08-24 15:02:34 发布

· 616 阅读

0 ·

版权

JS 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态生成HTML表格的方法，通过遍历数组对象，将对象属性（如姓名、年龄、性别）填充到表格单元格中，实现了数据的动态展示。此方法适用于网页应用中需要实时更新数据的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

动态的内容使用${}的格式书写.

function setTable(){
for(let i = 0; i<arr.length ; i++){
	const obj = arr[i]
	const str = `
	<tr>
		<td>${obj.name}</td>
		<td>${obj.age}</td>
		<td>${obj.gender}</td>
		<td class = "del" index = "${i}">删除</td>
	</tr>
	`
	tbody.innerHTML += str
	}
}