Question

如何使用d3向单元格添加文本？

我有一个需要添加代码的函数，我在html页面的主体中调用它。我有以下代码作为示例，但它似乎没有工作。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href ="styles.css">
<script type="text/javascript" src="http://d3js.org/d3.v4.min.js"></script>
<script type="text/javascript">
    function t1(){
    d3.select("td#target").text("14");
    }
</script>
</head>
<body onload="t1()">
  <table>
      <tr>
        <th>Name</th>
        <th>Surname</th> 
        <th>Age</th>
      </tr>
      <tr>
        <td>Tom</td>
        <td>Smith</td> 
        <td is="target"> </td>
      </tr>
  </table>
</body>
</html>

关于如何使这项工作的任何想法。

Answer 1

这是一个小错误..

将<td is="target">更改为<td id="target">

Answer 2

我找到了解决方案。我发现我只有一个错字

<td is="target"> </td>

应该是

<td id="target"> </td>

使用d3在表格单元格中插入文本

2 个答案: