d3选择集合的操作方法 五 insert与append

首先给大家分享一个巨牛巨牛的人工智能教程，是我无意中发现的。教程不仅零基础，通俗易懂，而且非常风趣幽默，还时不时有内涵段子，像看小说一样，哈哈～我正在学习中，觉得太牛了，所以分享给大家！点这里可以跳转到教程

                    

      insert与append是d3中用于新增元素的方法，它们的用法完全相同，作用也完全相同，唯一的差别在于insert可以指定将新元素插入在什么位置，而append只能将元素添加在末尾。

      insert与append的作用过程可分为两步来理解，第一步是新增元素，第二步是选择新增元素，也就是说insert、append操作返回的结果都是新增的元素。

      在对页面上已存在的html元素，insert、append会在已存在的元素中添加新的子节点，而对于页面中不存在的元素，它们则是直接添加新增的元素，而非子节点，请参照代码说明。

      依旧假定页面中存在的HTML文档结构如下：

<