D3v4 上更改事件实时绑定数据

Question

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

我的简单功能：

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

JSFiddle.

Answer 1

首先，在通过 id 引用任何 DOM 对象时，不应使用 #。当您使用d3时，可以使用#但当您使用document时不能同样应用。

其次，错误是错误地调用滑块值更改方法。

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

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