选择单一元素d3.select()
- d3.select('p')
- d3.select('.class')
- de3.select('#id')
<script src='node_modules/d3/d3.min.js'></script>
<script type="text/javascript">
window.onload=()=>{
var oDiv=d3.select('div')
alert(oDiv)
}
</script>
选择一组元素d3.selectAll()
【【obj,objobj】】,数组套数组的形式，项获取第二个li则这样写,以下面为例li[0][1].style.background='red'
<!DOCTYPE html>
<html>
<head>
<title>d3</title>
<meta charset="utf-8">
<script src='node_modules/d3/d3.min.js'></script>
<script type="text/javascript">
window.onload=()=>{
var li=d3.selectAll('li')
alert(li)
console.log(li)//Array[1]0: Array[5]0: li1: li2: li3: li4: lilength: 5parentNode: html__proto__: Array[0]length: 1__proto__: Array[0]
}
</script>
</head>
<body>
<p>hello world</p>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
</ul>
</body>
</html>
