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

Question

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

    </tbody> 
</table> 

我加載我的消防基地的數據，並希望與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「成功」到你的錶行而不是類。

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]; 
    }