d3.js可以一边增加标签一边删除标签吗

这是不可以的。在 body 中 id 为 myid 的元素前添加一个段落元素。

body.insert("p","#myid")

.text("insert p element")

已经指定了 Pear 段落的 id 为 myid，因此结果如下。

Apple 

insert p element 

Pear 

Banana

删除元素使用 remove，例如：

var p = body.select("#myid")

p.remove()

如此即可删除指定 id 的段落元素。

添加节点append；移除节点removeChild；移动节点：var sdds=document.getElementById；创建节点createTextNode()；查找节点：document.getElementsByTagName。

其他方法：

创建新节点

createDocumentFragment() //创建一个DOM片段

createElement() //创建一个具体的元素

createTextNode() //创建一个文本节点

添加、移除、替换、插入

appendChild() //添加

removeChild() //移除

replaceChild() //替换

insertBefore() //插入

查找

getElementsByTagName() //通过标签名

称

getElementsByName() //通过元素的Name属性的值

getElementById() //通过元素Id，唯一性

实现一个函数clone，可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。

你可以把你的appendChild加在 if判断里，判断一次 先清空，再加上。

你就写一个盒子，在盒子里进行append，而不是在body里了。清空的话就将整个盒子内容innerHTML为空就行了

你如果只是交替的改变的话，就没必要用appendChild()，直接用 obj.innerHTML = "你的内容"；就行了

---