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

JavaScript013

d3.js可以一边增加标签一边删除标签吗,第1张

这是不可以的。在 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 的段落元素。

function a(){<br>var inn="<li id="qwe"><span style='cursor: pointer'>删除</span></li>"<br>var div = document.getElementById("a")<br>div.innerHTML += inn<br>// 查找span<br>var span = div.getElementsByTagName('span')[0]<br>// 添加click事件<br>span.onclick = function () {<br> // 查找li,也就是父元素<br> var li = this.parentNode<br> // id属性<br> var id = li.id<br> alert(id)<br>}<br>}

通过removeChild() 方法指定元素的某个指定的子节点来完成javascript删除一个html元素。

javascript删除一个html元素的步骤:

<!--创建一个html文件-->

<div id="div">

<div id="div1">知道</div>

<input type="button" value="删除div1" id="btn"/>

</div>

<script>

var o=document.getElementById("div")//获取父节点

var a=document.getElementById("div1")//获取需要删除的子节点

var b=document.getElementById("btn")//获取触发事件的节点

b.onclick=function(){o.removeChild(a)//从父节点o上面移除子节点a}

</script>