D3.js 如何使用d3将文本数组添加到多个div

var-dataArray=[20,40,50,60,70,80,90]；
d3.选择（“主体”）
.selectAll（“.small div”）
.数据（数据阵列）
.输入（）
.append（“span”）
.文本（功能（d）{
返回d；
});
您的问题就在于这一行：

.enter()

在D3中，这是最著名的方法之一。它

返回在选择中没有相应DOM元素的每个数据的enter selection:占位符节点。（强调矿山）

因此，如果页面中已有
s，则“回车”选项将为空

让我们证明一下：


var dataArray=[20,40,50,60,70,80,90]；
变量选择=d3。选择（“主体”）
.selectAll（“.small div”）
.数据（数据阵列）
.enter（）；
//这里不会附加任何内容！
选择。追加（“span”）
.文本（功能（d）{
返回d；
});
console.log（“输入选择的大小为：”+selection.size（））
单击“运行代码片段”：您将看到它正在“工作”（顺便说一句，它不创建任何div元素）。这里到底有什么问题？如果HTML中已经存在div，只需删除
enter（）
。div已经存在，我只想向这些现有div添加文本