Question

<table class="table">
   <tbody id="user_table" class="user_table">

   </tbody>
</table>

我正在从fire base加载我的数据，并希望用P5创建一个表。这就是我的尝试。

for (var i = 0; i < keys.length; i++) {
        var tr = createElement("tr");
            tr.parent("user_table");
            tr.class("success");
        var td_1 = createElement("td");
            td_1.html(player_data[i][0]);
            td_1.class('myclass-td');
            td_1.parent("success");
        var td_2 = createElement("td");
            td_2.html(player_data[i][1]);
            td_2.class('myclass-td');
            td_2.parent("success");
    }

我已经以这种方式添加了列表，但是在表格中添加一行似乎没有用。

Answer 1

根据P5参考，父方法接受字符串ID，而不是类名。 https://p5js.org/reference/#/p5.Element

我相信你必须添加一个ID＆＃34;成功＆＃34;到你的表行而不是类。

tr.id("success");

Answer 2

我最终用纯JavaScript做到了。

// Displaying data
    var table = document.getElementById("user_table");
    for (var i = 0; i < keys.length; i++) {
        var row = table.insertRow(i);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        cell2.innerHTML = player_data[i][0];
        cell3.innerHTML = player_data[i][1];
    }

如何使用P5.js添加表行？

2 个答案: