有没有办法动态更改嵌入式 svg 对象的标题？答案

【问题标题】：Is there a way to dynamically change the title of embedded svg object?有没有办法动态更改嵌入式 svg 对象的标题？
【发布时间】：2016-09-20 20:42:04
【问题描述】：

“嵌入的 svg 对象”是指一个 html <object> 标记，它是一个 svg 文件，例如：

<object id="svgobject" 
data="https://upload.wikimedia.org/wikipedia/commons/6/6b/Bitmap_VS_SVG.svg"
type="image/svg+xml" title="I want to see this title!"></object>

显示问题的小提琴示例：https://jsfiddle.net/d8jx3ru7/

看来<object>虽然支持title属性，但如果是SVG图片则没有效果。

我可以在 SVG 文件中放置一个静态标题，但如果需要动态确定标题怎么办？有没有办法做到这一点？

【问题讨论】：

没有真正的方法可以跨域。如果您在同一个域中，您可以使用 javascript 访问 SVG 并动态更改其标题。
看来不明白，你想要什么效果用title属性创建？ 但如果需要动态确定标题怎么办？这是一个单独的问题吗？
通常当带有标题的<object> 悬停时，它会显示一个工具提示。这就是我想要创造的效果。不，另一个问题不是分开的。我澄清一下，在 SVG 文件中添加标题在我的情况下不起作用。

标签： html svg dynamic title html-object

【解决方案1】：

使用 jQuery 你可以

$("#svgobject").attr('title', 'Whatever you want');

希望对你有帮助！

【讨论】：

当图像为 SVG 时，您是否尝试过检查它是否有效（这是问题的关键）。