如何訪問JavaScript中的SVG元素屬性？

我正在使用Raphael繪製SVG元素。如何訪問JavaScript中的SVG元素屬性？

例如，如果我有SVG元素

<image x="710" y="425" width="10" height="10" preserveAspectRatio="none" href="images/car.png" style="cursor: pointer;"/>

我怎樣才能在JavaScript中訪問的每個屬性（進一步，訪問方法也應該是功能在IE）

來源

2011-05-17 Leem

哪些屬性是你希望得到？那些正好在'image'或內部SVG/VML節點上的？ – peteorpeter 2011-05-17 19:05:35

得到圖像一個id元素，例如

<image id="myImage" x="710" y="425" width="10" height="10" preserveAspectRatio="none" href="images/car.png" style="cursor: pointer;"/>

，並通過jQuery訪問之後使用

$('#myImage').attr("width"); // getter 
$('#myImage').attr("width", "400"); // setter

問候

來源

2011-05-17 16:51:30 tmaximini

這可以在Firefox，Chrome，Safari（和IE9）等中使用。但是，在較早的IE版本中，通過傳統VML生成圖形以替代缺少SVG支持 - 我期望這會失敗。 Raphael.js確實支持一個名爲'.attr（key，val）'或'.attr（paramMap）''http://raphaeljs.com/reference.html'的屬性的「setter」，但我沒有看到「getter」 - 可能是因爲試圖跨瀏覽器返回統一結果的複雜性。 – scunliffe 2011-05-17 17:30:23

如何訪問JavaScript中的SVG元素屬性？

回答

相關問題