javascript - 使用 D3js 更改按钮文本

Question

我是 D3 的新手，我正在尝试各种方法来探索这个库。我有以下 按钮，我想更改其文本:

<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 选择 按钮，因此您需要在选择器前加上 '#':

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

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

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

查看 JSfiddle 演示 here .