拉斐爾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 
});