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