Как изменить или добавить идентификатор в SVG?

Question

У меня есть SVG-создание с Raphael 2.0, которое выглядит так:

<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!Как мне это сделать?JQUERY или RAPHAEL 2.0?Я вижу много ответов, но ни один из них не работает для меня.

Спасибо за помощь

Answer 1

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

Это должно сработать, если у вас есть только один SVG-тег на вашей странице, и если вы назвали его после создания тега с помощью Raphael.

Если вы не создали тег с помощью Raphael, вы можете просто использовать что-то вроде этого:

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

Наряду с другими атрибутами, конечно.

Answer 2

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

Answer 3

С 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')