D3js中attr添加class属性与classed添加属性的区别

在看D3的例子是看到.classed("selected", true)这样的语句,开始简单的以为就是为DOM对象添加class属性的。于是想attr("class", "selected")是不是可以替换这个语句呢?

于是改造了例子,代码如下:

let srcFilterObjs = d3.select("body").selectAll("div.h-bar");
console.log(srcFilterObjs);
let filterObjs = srcFilterObjs.filter(function (d, i) { // <-E
    return d.category == category;
}); 
console.log(filterObjs);
console.log(filterObjs.classed("selected", true));
/*
    .classed("selected", true); ---A
    .attr("class", "selected"); ---B
*/

A是原来的语句,B是添加的语句。

使用B替换A后发现第二次运行代码时DOM对象增多了。通过查看发现

A是给DOM对象增加class属性;

B是覆盖了DOM对象的原有class属性;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值