在document.write div之间插入d3 select body标签

Question

我是d3和html的新手，我希望我用d3生成的html标签出现在我用文档写入创建的div标签内。

这就是我的意思：

<div class="column" style="background-color:#aaa;">
<h2>Column 1</h2>
// tags generated from d3 here 
</div>

现在我写的内容看起来像这样：

document.write("<div class=\"column\" style=\"background-color:#aaa;\">")
document.write("<h2>Column 1</h2>")

d3.select("body")
    .selectAll("p")
    .data(myData)
    .enter()
    .append("p")
    //a bunch of stuff
    document.write("</div>")

但不幸的是，这会产生

<div class="column" style="background-color:#aaa;">
<h2>Column 1</h2></div>
//tags generated by d3 

这不是我想要的

PS。它可能并不重要，但所有的javascript都包含在

中

d3.csv(dataPath, function (error, data){ })