Verwendung d3js Text in div-Tag

Question

Im html zu aktualisieren, markierte ich ein div-Tag

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

Mein Ziel ist es, die Zählung nach benutzergesteuerte Ereignisse zu aktualisieren. In der JS-Datei, habe ich

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

Hier users.length Änderungen auf benutzergesteuerte Ereignisse. Das will ich aber nicht. Was ich will, ist nicht "append", sondern "update" den Text. Wie kann ich das erreichen?

Answer 1

Sie könnten die text() Funktion auf dem #count Selektor verwenden.

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

Answer 2

setTimeout(function(){ 
 
    d3.select('#count') 
 
    .html("Head count: 10; Updated"); 
 
},500);

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