在D3.js中，有选择器方法select和selectAll两个。其中，select选择器方法是选择匹配找到的第一个对象元素，并返回找到的结果。下面利用一个实例说明select选择器方法的用法，操作如下：工具/原料moreHBuilderd3.jsHTML5ES6浏览器截图工具方法/步骤1/6分步阅读

第一步，打开HBuilder开发工具，新建Web项目，JavaScript版本选择ES6，引入d3.js，如下图所示：

2/6

第二步，在创建的pages文件夹下，新建静态页面select.html，如下图所示：

3/6

第三步，在title/title标签下方插入script/script，并引入d3.js文件，如下图所示：

4/6

第四步，在body/body标签元素内插入六个div标签元素，分别插入不同的内容，如下图所示：

5/6

第五步，在script/script编写d3.js代码，并调用select选择器方法，如下图所示：

6/6

第六步，保存代码并在浏览器中预览效果，可以看到界面显示的效果，如下图所示：

注意事项

注意使用d3.js需要引入核心js文件

注意d3.js中的select和selectAll方法的区别

ES6HTML5HBUILDERSELECT