Возможен ли доступ к path внутри svg-спрайта с помощью js?

Question

[yarovikov]

Привет всем.
Имеется следующее:

Часть спрайта:

<symbol id="electric">	
  <path id="back_light" d="M1026.6,144.9l-4-0.7l-3.4.5l-2.9,17..." />
  <path id="front_light" d="M1026.6,144.9l-4-0.7l-3.4.5l-2.9,17..." />
  ..
</symbol>

Разметка:

<svg class="moto-part moto-part-electric">
  <use data-id="electric" xlink:href="images/moto.svg#electric"/>
</svg>

Мне нужно навесить классы с помощью js на path внутри symbol. Возможно ли это сделать при таком подходе?

Answer 1

[sayapinant]

Возможно. Все делается через DOM элементы. Посмотрите на специализированных сайтах как это реализовать. Здесь об этом подробно рассказывается. И здесь тоже.

Comments

[yarovikov]

Очень смешно. И как же мне получить доступ к элементу, которого нет в DOM? Возможно, я не точно задал вопрос, но содержимое SVG не инлайнится на страницу.

[sayapinant]

yarovikov, где именно прописан ваш svg? В html-файле?

Upd: хоть и с опозданием, но увидел, что вставлен через тег img... Теперь я сам озадачен. Но решение должно быть

[yarovikov]

sayapinant, увы, решения нет. Пришлось кусок спрайта инлайном втыкать, благо он небольшой