我想在圆圈标签中显示标题答案

【问题标题】：I want show title in circle tag我想在圆圈标签中显示标题
【发布时间】：2015-09-06 07:35:22
【问题描述】：

我有一个circle 标签 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>

【问题讨论】：

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

标签： javascript jquery html html5-canvas

【解决方案1】：

<title> 标签用于<head>，用于在现代浏览器的浏览器选项卡和旧版浏览器的窗口框架中显示网页标题。

否则，title="" 属性将在主文档中用作悬停元素描述的工具提示。

尝试添加其他元素，例如：<h1>、<span> 用于语义网页。

【讨论】：

【解决方案2】：

您的代码中存在误解。在<head> 标记内使用<title> 标记设置结构化文档标题（您更可能想要它而不是弹跳或更改标题）。用户不会期望文档标题在完全加载后发生变化。

但是，如果您真的想在运行时更改标题，您可以使用document.title 访问它。此外，您应该将设备名称保存在易于控制的位置。例如：

HTML

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

然后：

JavaScript

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

希望这会有所帮助，祝你好运！

【讨论】：