无法将表格附加到div，（d3js）

Question

我使用d3.js库创建了一个表，但是当我尝试将表追加到div时，会出现错误？

代码：

<head>
<script src="../../d3.min.js"></script>
</head>

<body>

<div id="main">
Hi
</div>

<script>
  const table = d3.create("table");
  const tbody = table.append("tbody");

  var i,j,row;
  for(i=0;i<5;i++){
    row =tbody.append("tr");
    for(j=0;j<3;j++){
      row.append("td").text(`${i},${j}`);
    }
  } 
  console.log(typeof(table));
  console.log(table);

  node =table.node();
  console.log(typeof(node));
  console.log(node);

  d3.select("#main").append(node);


</script>

</body>

</html>

但是我收到一个错误：

尽管我的代码类似于本教程中的代码A tutorial on d3js

Answer 1

请尝试这样。

d3.select("#main").node().append(node)

或

document.querySelector("#main").appendChild(node)

无法将表格附加到div，（d3js）

问题描述投票：0回答：1

1个回答

最新问题

无法将表格附加到div，（d3js）

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1