javascript - 如何在 d3.js 中通过选择来修改值？

我正在尝试更改进度条的值。

var progressBar = d3.select("#current").append("input")
    .attr("class","loading")
    .attr("data-width","135")
    .attr("value","0");

当我这样做时:

progressBar.select("input").attr("value","5");

该值未更改。我该怎么办？

最佳答案

您的代码的问题是您已经选择了输入并将其绑定(bind)到变量progressBar。所以你展示的这段代码:

progressBar.select("input").attr("value", "5")

实际上意味着:

d3.select("#current").select("input").select("input").attr("value", "5")

您实际上是在您创建的输入中选择了一个不存在的输入。

<小时/>

您的代码应该可以正常工作，只需使用:

progressBar.attr('value', 5)

关于javascript - 如何在 d3.js 中通过选择来修改值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16322841/