javascript - 如何更改或添加 ID 到 SVG？

Question

我用 Raphael 2.0 创建了一个 SVG，如下所示:

<div class="stave">
<svg height="342" version="1.1" width="512" xmlns="http://www.w3.org/2000/svg"
style="overflow: hidden; position: relative;" viewBox="0 410 1300 80"
preserveAspectRatio="meet">
........
</svg>
</div>

我只想为 svg 标签设置一个 ID!我该怎么做？ JQUERY 还是 RAPHAEL 2.0？我看到了很多答案，但没有一个适合我。

感谢您的帮助

Answer 1

document.getElementsByTagName('svg')[0].id = 'svg_id';

如果您的页面上只有一个 SVG 标签，并且您在使用 Raphael 创建标签后调用了它，那么这应该可行。

如果您尚未使用 Raphael 创建标签，则可以使用如下内容:

<svg id='svg_id'></svg>

当然还有其他属性。