如何更改或添加 ID 到 SVG？

发布于 2024-12-13 23:16:09 字数 400 浏览 1 评论 0原文

我有一个使用 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？我看到了很多答案，但没有一个适合我。

谢谢你的帮助

原文

I have a SVG create with Raphael 2.0 which look like this :

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

i just want to set an ID to the svg tag! How can i do it? JQUERY or RAPHAEL 2.0?
i have see many answers but none works for me.

Thank you for helping

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

零崎曲识 2024-12-20 23:16:09

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

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

如果您还没有使用 Raphael 创建标签，您可以使用如下内容：

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

当然，还有其他属性。

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

That should work if you have only one SVG tag on your page and if you've called it after having created the tag using Raphael.

If you haven't created the tag using Raphael, you can just use something like this:

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

Along with the other attributes, of course.

回复收藏 0 原文

两相知 2024-12-20 23:16:09

var paper=Raphael(0, 0, 342, 512)
paper.canvas.id='id_svg1'

var paper=Raphael(0, 0, 342, 512)
paper.canvas.id='id_svg1'

回复收藏 0 原文

朦胧时间 2024-12-20 23:16:09

通过 jQuery，您可以使用元素选择器和 :nth-child()。

像这样的东西： (jsFiddle)

<div class="frame">
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
</div>
<script type="text/javascript">
    $('div').css({'font-weight':'bold'});
    $('.frame div:nth-child(2)').attr("id","newId");
    $('#newId').css({'color':'#f30'})
</script>

当然，在你的情况下，选择器将是 $('svg ')

With jQuery you can use element selector and :nth-child().

Something like this: (jsFiddle)

<div class="frame">
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
</div>
<script type="text/javascript">
    $('div').css({'font-weight':'bold'});
    $('.frame div:nth-child(2)').attr("id","newId");
    $('#newId').css({'color':'#f30'})
</script>

Of course, in your case, selector would be $('svg')

回复收藏 0 原文

~没有更多了~