Javascript 为什么document.title不'；不适合SVG？

我创建了简单的SVG文档，并在Chrome和FF中打开它

<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"
     width="4in" height="3in">
  <g>
    <title>Company sales by region</title>
  </g>
</svg>

按地区划分的公司销售额

document.title为什么返回“”

按照标准

文件。标题[=价值] 返回文档的标题，由HTML的title元素和SVG的SVG title元素给出

---

尝试使用

文档。改为使用此文档的标题
：

<svg xmlns="http://www.w3.org/2000/svg"
     width="4in" height="3in">
  <title>Company sales by region</title>
</svg>


按地区划分的公司销售额

委员会：

如果文档元素是SVG
SVG
元素，则将value设为第一个SVG
title
元素的子文本内容，该元素是文档元素的子元素

因此，问题中代码段的
document.title
返回
”
的原因是，在该代码段中，
title
元素不是document元素（svg
元素）的子元素。
要在将鼠标悬停在
svg
元素上时显示提示消息，需要使用组标记将其包装。

您有组标记
，但内部为空

请参见下面显示提示的示例：



这是一个绿色的广场
这是一个紫色的圆圈。
@aroslav Baranov请看另一个答案。也许有用。多行工具提示！很有趣