在d3.js中,除了select选择器方法外,还有个selectAll选择器方法,两者是有区别的;前者是匹配第一个元素,而后者是匹配所有的元素。下面利用一个实例说明selectAll方法的用法,操作如下:
工具/原料
1
d3.js
2
HBuilder
3
HTML5
4
JavaScript
5
浏览器
6
截图工具
方法/步骤
1
第一步,打开HBuilder编辑工具,新建一个静态页面selectAll.html,如下图所示:
2
第二步,在标题标签下方插入d3.js文件,注意这里需要引入这个核心文件,如下图所示:
3
第三步,在
标签元素内插入四个div标签,标签内容为A、B、C和D,如下图所示:4
第四步,在标签内编写代码,并调用selectAll选择器方法,如下图所示:
6
第六步,修改代码,并打印对应的对象值,再次保存代码并预览界面,如下图所示:
注意事项
1
注意d3.js中的selectAll选择器方法的用法
2
注意合理使用selectAll方法
上一篇:耐克鞋抢购流程攻略?
下一篇:DOTA中的船长技能介绍