SVG 경로의 ID를 얻는 방법

Question

현재이 svg 파일에서 작업 중이며 각 경로의 ID를 얻으려고합니다. Raphael을 사용하여 이미지를 변환 했으므로 이것이 코드입니다. Image of path code

여기 내 HTML 파일에 내 svg가 있습니다. 자신의 ID를 읽을

Image of svg code

Answer 1

단지 모든 경로 요소를 루프 ...

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

<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/>