编程学习网为您整理以下代码实例，主要实现：D3.js remove()用法，希望可以帮到各位朋友。
<!DOCTYPE HTML>
<HTML>
<head>
<script type = "text/JavaScript" src = "https://d3Js.org/d3.v4.min.Js"></script>
<style>
body { Font-family: Arial; }
</style>
</head>
<body>
<ul ID = "List">
<li></li>
<li></li>
</ul>
<input type = "button" name = "remove" value = "Remove fourth value"
onclick = "JavaScript:remove()" />
<script>
d3.select("#List").selectAll("li")
.data([10, 20, 30, 25, 15])
.text(function(d)
{ return "This is pre-existing element and the value is " + d; })
.enter()
.append("li")
.text(function(d)
{ return "This is dynamically created element and the value is " + d; });
function remove() {
d3.selectAll("li")
.data([10, 20, 30, 15])
.exit()
.remove()
}
</script>
</body>
</HTML>
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！