如何获取SVG路径的ID

Question

我目前正在处理此svg文件，并且我试图获取每条路径的ID。我使用Raphael转换了图像，所以这就是代码。 Image of path code

然后在我的html文件中找到我的svg。

Image of svg code

Answer 1

循环遍历所有路径元素并读取其ID ...

＆＃13;

＆＃13;

document.querySelectorAll("path").forEach(function(item) {
  document.write(item.id + "<br/>")
})

＆＃13;

<svg height="0px">
  <path id="id1" d=""/>
  <path id="id2" d=""/>
  <path id="id3" d=""/>
  <path id="id4" d=""/>
  <path id="id5" d=""/>
</svg>
<br/>

＆＃13;

＆＃13;

＆＃13;