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")

Кажется, это должна быть простая операция. Что мне здесь не хватает? Спасибо.