如何更改或添加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>

当然还有其他属性.