小编Joh*_*ohn的帖子

使用 javascript 将 CSV 文件加载到 HTML 表格中

我想创建一个网页,加载选定的 CSV 文件(从硬盘驱动器)并使用表格 HTML 显示其内容。

该项目包含两个组件,到目前为止,我一直在研究后者;从javascript中的嵌套数组生成表。

出于某种原因,列未按应有的方式显示。

我的代码

<!DOCTYPE html>
<html>
<body>

<table id="1"> </table>

<button onclick="createTable()">Create</button>

<script>
function createTable() {
    var array = [[1,2,3],[4,5,6],[7,8,9]];
	document.getElementById("1").innerHTML = ""; //Clear.
	
	for (i = 0; i < array.length; i++) { 
	document.getElementById("1").innerHTML += "<tr>";
		for (k = 0; k < array[0].length; k++) {
		  document.getElementById("1").innerHTML += "<td>" + array[i][k] + "</td>" ;
		}
		document.getElementById("1").innerHTML += "</tr>";
	  }
}
</script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript csv html-table

3
推荐指数
1
解决办法
3万
查看次数

标签 统计

csv ×1

html ×1

html-table ×1

javascript ×1