d3v4关于更改事件的实时绑定数据

时间:2017-06-30 17:03:35

标签: javascript d3.js

我希望在更改range.value时将输入范围值绑定到文本。

我的简单功能:

function change() {
    var para = document.getElementById("#cValue");                       
    var node = document.createTextNode(cValue); 
    cValue = sliderValue; 
    para.appendChild(node);
    console.log("sliderValue:" + cValue);
}

JSFiddle

1 个答案:

答案 0 :(得分:0)

首先,在通过id引用任何DOM对象时,不应使用#。当您使用d3时,可以使用#,但在使用document时无效。

其次,错误是你错误地调用了滑块​​值更改方法。

第三,您试图附加文本对象而不是更改段落的值。

我更新了你的小提琴,它正在工作。你可以在这里找到它 : https://jsfiddle.net/L8d1sLu4/