javascript - 使用 JavaScript 选择 SVG 和路径元素

Question

我想选择 SVG 中的最后一条路径并将其删除。我尝试了多种方法，在纯 javascript 和 jquery 中，但我似乎无法正确访问 SVG 或其路径。

HTML:

<div id="thesvgwrapper">    
  <svg id="thesvg"...><path ....></path><path ...></svg>
</div>

我可以使用以下方法清除 SVG:

$('svg#thesvg').empty();

我可以使用以下方法查看 SVG 的内容:

var svgwrapper = $('#svgwrapper');
var svgcontents = $(svgwrapper).html();
alert(svgcontents);

但是，我不能同样地选择 SVG 并查看它的路径内容...

我的目标是这样的

$('#thesvg path:last').remove();

感谢百万的帮助

Answer 1

这是纯 JavaScript 的可执行代码:

var paths = svgDoc.getElementsByTagName("path");
var last_path = paths[paths.length - 1];
last_path.parentNode.removeChild(last_path);