javascript - 如何测量 D3.JS 节点属性的长度

Question

我在 D3.JS 中创建了多个路径，在鼠标悬停时我调用此鼠标悬停函数来获取该路径的属性并将它们存储在变量中。然后我尝试测量 level 属性的长度并使用 console.log 记录它，但是我收到错误:

我还想使用 .slice(-1,1) 方法来获取该值属性中的最后一个数字，但这也不起作用。我认为需要将属性读取为字符串才能执行这些操作。但是当我在 CircleLevel 上调用 .toString() 时，我仍然收到此错误。

这是鼠标悬停功能:

 function mouseover(){
var circleName = d3.select(this).attr("name");
var circleSize = d3.select(this).attr("size");
var circleLevel = d3.select(this).attr("level");
var levelLength = circleLevel.length();
console.log(circleLevel.length());

}

这是 JS fiddle :http://jsfiddle.net/RL_NewtoJS/ryyt6ruj/3/

Answer 1

在 JavaScript 中，字符串长度是一个 prop，而不是一个方法。所以

circleLevel.length()

应该是

circleLevel.length

错误是因为它试图将length(数字)作为函数调用:5()//invalid

关于获取最后一个字符，可以使用

circleLevel.charAt(circleLevel.length - 1)

或

circleLevel.substr(circleLevel.length - n) // to get last n characters