enter
<html> <body> <p>1</p> <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script> var dataset = [ 1 , 2 , 3 , 4 , 5 ]; var p = d3.select("body").selectAll("p"); var update = p.data(dataset); var enter = update.enter();//获取enter部分 update.text(function(d){ return "update " + d; });//update部分的处理：更新 enter.append("p") // 添加p标签直到和数组对齐 .text(function(d){ return "enter " + d; });//enter部分的处理：添加元素后赋予属性值 </script> </body> </html>exit
<html> <body> <p>1</p> <p>2</p> <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script> var dataset = [ 0 ]; var p = d3.select("body").selectAll("p");//选择body中的p元素 var update = p.data(dataset);//获取update部分 var exit = update.exit();//获取exit部分 update.text(function(d){ return "update " + d; });//update部分的处理：更新属性值 //exit部分的处理：修改p元素的属性 exit.text(function(d){ return "exit"; }); // exit.remove();//exit部分的处理通常是删除元素 </script> </body> </html>参考文献: http://d3.decembercafe.org/pages/lessons/10.html
