Добавление title в svg средствами js?

Question

[Денис Трифонов]

есть svg, как на JS добавить правильно к элементам svg , чтобы визуально сделать tooltip. SVG грузится , а не рисуется на JS
<object id="idImageSVG" class="svgClass" /object>
добавлять tooltip в runtime, а не встраивать в SVG

Comments

[Dima Polos]

Я не пробовал, но через querySelector найти элемент и через setAttribute задать атрибут, не получается?

[Денис Трифонов]

Там проблемка в том, что svg не нарисована кодом, а просто подгружается со стороннего ресурса..

[Максим]

Денис Трифонов, а какое кол-во SVG на странице ?

[Денис Трифонов]

один файл, и там элементы с id

[Денис Трифонов]

<div class="box-body"> 
<center> 
<object id="idImageSVG" class="svgClass" type="image/svg+xml" data="./img/exoModel.svg"></object> 
</center> 
</div>

Answer 1

[ой всё]

у тэга object нет атрибута title
https://www.w3schools.com/tags/tag_object.asp

можете попробовать после загрузки всей страницы добавить жаваскриптом этот атрибут, но не факт, что он будет работать
может быть сработает title в тэге div, в который завернут ваш свг объект

Comments

[Денис Трифонов]

object для всего svg

[Денис Трифонов]

<div class="box-body"> 
<center> 
<object id="idImageSVG" class="svgClass" type="image/svg+xml" data="./img/exoModel.svg"></object> 
</center> 
</div>

[ой всё]

Денис Трифонов, добавьте уникальный id в div и поробуйте поочереди вставить title сначала в тэг object, а если не получится, как вы хотите, то в div

div должен иметь такую же высоту как и ваш свг, иначе hover не сработает