的Javascript的onclick顯示多個SVGs

Question

我想點擊一個SVG多邊形後顯示多個SVG路徑。我是能夠得到和個人通過道路上，雖然一個路徑作品使用

document.getElementById(id).style.display = "block"; 

的getElementById（）出現的onclick。我怎樣才能獲得onlclick爲多條路徑工作？

我試圖用一個for循環與getElementsByName（ID）與plunker這裏：http://plnkr.co/edit/5u16eptq1YMSLeuVlya5?p=preview

感謝您的幫助！

Answer 1

所有ID的屬性文件中必須是唯一的，你can't use name attributes在SVG讓葉類。

更換ID與

類

<path class ="test-arrow" d="M 1020 290 C1020,40 825,40 765,100" style="display: none; stroke: black; stroke-width: 5px; fill: none; marker-end: url(#markerArrow);"/> 
<path class ="test-arrow" d="M 960 385 C920,450 775,550 775,370" style="display: none; stroke: black; stroke-width: 5px; fill: none; marker-end: url(#markerArrow);"/> 

，並使用getElementsByClassName方法名稱修復的東西屬性。

這裏有一個更新的Plunk