D3.js中选择、删除、插入元素

1、选择元素
现在有一段html文件，body中有三个段落元素

    <p>Apple</p>
    <p id="myid" class="myClass">pear</p>
    <p class="myClass">banana</p>

• 选择第一个p
  d3.select("body").select("p")

• 选择三个p
  d3.select("body").selectAll("p")

• 选择第二个p
  d3.select("body").select("#myid").style("color","red")

• select the second p and third p
  d3.select("body").selectAll(".myClass")

2、insert or append element

• append() :add elements in the end of election

//add element p in the end of every p
d3.select("body").select("p").
    append("p").text(" the element of appended")

//only add one p in the end of body
body.append("P").text("add p in the end of body")

• insert()

body.insert("p").text("insert p in the head of body")

3.remove element

d3.select("body").select("#removeId")
    .remove()