javascript - 如何使用Javascript将<pre>中的CSV数据转换为HTML表格？

Question

我有一个 HTML 文件。 它具有预格式化文本，其中包含 CSV 数据。

<pre>1,2,3,4
5,6,7,8
9,0,1,2
3,4,5,6
</pre>

如何使用 Javascript 提取此数据并将其转换为 HTML 表？

Answer 1

如果您知道数据将采用您提供的确切格式，那么像这样的简单操作就会起作用:

标记:

<pre id="data">1,2,3,4
5,6,7,8
9,0,1,2
3,4,5,6</pre>
<div id="table"></div>

JavaScript:

var table = '';
var rows = new Array();

rows = document.getElementById('data').innerHTML.split('\n');
table += '<table>'

for(var i = 0; i < rows.length; i++) {
    var columns = rows[i].split(',');
    table += '<tr>';

    for(var j = 0; j < columns.length; j++) {
        table += '<td>' + columns[j] + '</td>';
    }

    table += '</tr>';
}

table += '</table>';
document.getElementById('table').innerHTML = table;

<强> Demo