<!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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。