Javascript 如何在D3中向div追加文本

全部：

例如，我有一个字符串数组：

["string1","string2","string3","string4","string5"]

我想将它们全部添加到一个div中，并用
将它们分开，如下所示：

<div>
string1<br>
string2<br>
string3<br>
string4<br>
string5
</div>

string1

string2

string3

string4

弦5

我想知道用D3怎么做？我正在考虑使用selectAll（）…data（）…enter（）.append（），但我不知道如何追加这个

---

感谢

数据绑定在

d3

中是关于为数据中的每个项目向dom添加元素。不过，您要问的是，如何获得一个元素，其中的字符串由

分隔：

  var arr = ["string1","string2","string3","string4","string5"];
  d3.select('body')
    .append('div')
    .html(arr.join('<br/>'));

第三种方法是使用

s：

d3.select('body')
    .selectAll('span')
    .data(arr)
    .enter()
    .append('span')
    .text(function(d){
      return d;
    })
    .append('br');

---

这是一个包含两种方法的示例。

您应该将child附加到div

试试这样（这是纯js！！！）：

---

谢谢，这意味着我不能使用D3直接将文本附加到一个元素？@Kuan，数据绑定是关于每个数据的一个元素（或一组元素）。请参阅使用

的更新。

d3.select('body')
    .selectAll('span')
    .data(arr)
    .enter()
    .append('span')
    .text(function(d){
      return d;
    })
    .append('br');

var myArray=["string1","string2","string3","string4","string5"];
var test = document.querySelector(".test")
myArray.forEach(function(x){
var textnode = document.createTextNode(x);
test.appendChild(textnode )
})