SVG 태그 삭제하는 방법 아시는 분 계실까요?

Question

안녕하세요 성님들도저히 해결방법을 찾지 못해 또 오키를 두드립니다.다름이 아니고 원하는 건 svg 태그와 그 하위 아이들 전부를 삭제하는 것인데요,,이게 삭제가 안되고 살아있네요.제가 짠 소스 코드를 봐주십시오. // 삭제 버튼 클릭 시 $(document).on('click', '#btnDelete', function(){ let currentSVG &#61; $('.image-mapper-svg')[$('.image-mapper-svg').length-1]; let currentShape &#61; $('.image-mapper-svg > .image-mapper-shape')[$('.image-mapper-svg').length-1]; let currentPoints &#61; $('.image-mapper-svg .image-mapper-point')[$('.image-mapper-svg').length-1]; // 1번 방법 currentShape.removeAttribute(&#34;points&#34;); // 2번 방법 currentShape.parentNode.removeChild(currentShape); // 3번 방법 currentShape.remove(); // 4번 방법 currentSVG.remove(); });위에 소스코드에 적어둔 것과 같이 삭제를 하고 있는데 하단 캡쳐 이미지로 말씀드릴게요!캡쳐 이미지와 같이 삭제 버튼 누르기 전에 tag를 보시면 points 및 svg 태그가 잘 살아 있습니다.삭제 버튼 누르고 난 후 tag가 아예 삭제 된 것을 확인 할 수 있습니다.그러고 난 후 다시 이미지에 클릭을 하면 삭제됐던 tag의 points가 그대로 살아있습니다.이 마법같은 상황을 어떻게 처리해야 할까요?혹시 제가 삭제한 방법이 잘못 된걸까요?따로 error가 뜨는 것은 없습니다! 혹시 힌트나 해답을 알고 계시는 분이 계시다면 고견 부탁드립니다!시간 내어주셔서 감사합니다,,,, (^^)(__)(^^)

양근당파 · Answer

1번,2번도 안되나요? ㄷㄷ...어렵네요 ㄷㄷ 이거라도 한번 해보시는게let polygon &#61; document.getElementById(&#34;test-polygon&#34;); let points &#61; polygon.points; points.removeItem(1);

SVG 태그 삭제하는 방법 아시는 분 계실까요?

1개의 답변

Q&A 목록