使用d3js更新div标签中的文本

Question

在html中，我标记了一个div标签

<div id='count'>Head count:  </div>

我的目标是根据用户驱动的事件更新计数。在js文件中，我有

d3.select('#count')
  .append('text')
  .text(users.length);

此处users.length会根据用户驱动的事件进行更改。这不是我想要的。我想要的不是＆＃39;追加＆＃39;但是＆＃39;更新＆＃39;文本。我怎样才能做到这一点？

Answer 1

您可以使用text()选择器上的#count功能。

d3.select('#count')
    .text('Head Count: ' + users.length);

Answer 2

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<div id='count'>Head count:  </div>

keySet