d3在现有div内追加div

Question

我正在尝试使用d3在现有div内追加一个div（即div内的子元素）。

代码如下：

//parent div, a popup
var LeafletDiv = d3.select("body").append("div")   
        .attr("class", "popup")               

//attempting to append a child div element within popup div
LeafletDiv.append("div")
   .attr("class", "child_div")
   .style("background-color","#C8DAF8")
   .style("stroke-width", "4px")

我也尝试过使用类选择器来选择父div，并将其附加到其中，但是没有运气：

 d3.selectAll(".popup").append("div")
       .attr("class", "child_div")
       .style("background-color","#C8DAF8")
       .style("stroke-width", "4px")

这似乎应该是一个简单的操作。我在这里想念什么？谢谢。