拉斐尔JS paper.getById（）返回null

Question

我试图通过使用getById（）函数来获得拉斐尔对象，但是不管我尝试函数返回null。

这里是拉斐尔JS代码，我的工作：

// Creates canvas 320 × 200 at 10, 50 
var paper = Raphael(10, 50, 320, 200); 

var circle = paper.circle(100, 100, 100); 
circle.attr({"fill": "#f00", "id": "test"}); 
circle.data("id", "test"); 

var getCircle = paper.getById("test"); 

alert(getCircle); //Returns null? 

为什么不paper.getById("test");回圆对象？

我已经都使用attr()和data()但似乎没有任何工作定义的ID。

的jsfiddle上面的代码：http://jsfiddle.net/Mf9q6/

Answer 1

仔细阅读documentation：

将返回元素通过其内部ID。

这与元素上的id属性不一样。预计编号为Paper.getById()的是Element.id

您可能想要var getCircle = paper.getById(circle.id);，它只是对circle的同一对象的引用。

Here's your fiddle, updated。

Answer 2

如果我理解正确你的问题，你想设置id你的元素。然后在该行的某处获取该元素的ID。

如果是的话，那么你就要成功了：

// Creates canvas 320 × 200 at 10, 50 
var paper = Raphael(10, 50, 320, 200); 

var circle = paper.circle(100, 100, 100); 
circle.attr({"fill": "#f00", "id": "test"}); 
circle.data("id", "test"); 

var getCircle = circle.data("id"); 

alert(getCircle); //Returns test 

编辑

如果您正试图通过价值得到了一圈，就像你们的榜样“测试”

paper.forEach(function (el) 
{ 
    if (el.data("id") == "test") 
     // return el - do what you want 
});