使用D3js更改按钮文本

Question

我是D3的新手，我正在尝试各种各样的东西来探索图书馆。我有以下button，我想更改其文字：

<button id="showhide" onclick="myFunction()">Show me the graph</button>

我尝试了各种各样的东西：

d3.select("showhide").html("asdsa");

d3.select("showhide").innerHTML("asdsa");

d3.select("showhide").text("asdsa");

但它们都不起作用。我知道如何使用DOM或jQuery，我想知道如何使用D3js。

Answer 1

由于您尝试使用其ID选择button，因此您需要将'#'添加到选择器中：

d3.select("#showhide").text("asdsa");

如果您愿意，可以使用D3向button添加事件监听器，例如

d3.select("#showhide").on("click", function(){
    d3.select(this).text("asdsa");
});

查看JSfiddle演示here。