Javascript 我想在圆圈标签中显示标题

我有一个

圆圈

标签HTML5

当我添加一个标签

title

并将其悬停时，它会显示

title

但是，我通过jquery添加了标签

title

，它没有显示

title

这是我的代码：

 <circle class="visible" style="fill: blue" cx="900" cy="350" r="6">
     <!--<title>DeviceB|2015/09/01 24:27</title> ( When i add title by jquery and it show title)--> 
</circle>

<script type="text/javascript">
        $(document).ready(function () {
            $('circle').click(function (e) {
                $(this).append('<title>DeviceB|2015/09/01 24:27</title>');
            });
        });
</script>

$（文档）.ready（函数（）{
$（“圆”）。单击（函数（e）{
$（此）.append（'DeviceB | 2015/09/01 24:27'）；
});
});

标签用于在

中使用，以在现代浏览器的浏览器选项卡和旧浏览器的窗口框架中显示网页标题

否则，属性

title=”“

将在主文档中用于悬停元素描述的工具提示

---

尝试添加其他元素，例如：

，

用于语义网页。

您的代码中有一个误解。结构化文档标题（您更可能希望使用该标题，而不是跳转或更改标题）在

标记内设置了

标记。用户不会期望文档标题在完全加载后发生更改

但是，如果确实要在运行时更改标题，可以使用

document.title

访问它。此外，您应该将设备名称保存在易于控制的位置。例如：

HTML

<input type="hidden" id="device_name" value="DeviceB-FooBar-Barbarian-Etc" />

---

希望这对你有帮助，祝你好运

如果您可以为此创建一个JSFIDLE，那就更好了。建议在追加之前使用类“visible”而不是“this”。您的问题不清楚。一个圆形元素——您打算使用SVG吗？

$(document).ready(function() {
   $('circle').click(function(e) {
      document.title = $('#device-name').val();
   });
});