SVG ID 名称出现在鼠标悬停上答案

【问题标题】：SVG ID name appear on mouseoverSVG ID 名称出现在鼠标悬停上
【发布时间】：2014-02-15 15:03:31
【问题描述】：

我以地图的形式创建了几个 svg 形状。

我想要发生的是，当您将鼠标悬停在相应的形状上时，形状的标题/名称会显示在下方。

因此，如果我将鼠标悬停在代表英里终点道路的矩形上，英里终点道路应显示为 SVG 形状下方。

我该怎么做？

我试过添加这个：

<script>
    var elem = document.getElementById("qmul-map");
    elem.innerHTML = myMile;
</script>

但它似乎没有做任何事情。

【问题讨论】：

有什么理由用 jQuery 标记问题？

标签： javascript svg

【解决方案1】：

只需使用 <title> 元素...

<rect id="mile_end_road" height="34" width="623" y="377" x="10" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none">
    <title>Mile end road</title>
</rect>

其他元素以此类推

【讨论】：