如何使用纯javascript（而不是d3.js）为svg矩形添加标题？

Question

我对代码进行了更改。他们是以正确的方式，因为工具提示或标题仍未显示。

var use = document.createElementNS("http://www.w3.org/2000/svg", "use");
use.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href",    "mydefs.svg#hello");

var title = document.createElementNS('http://www.w3.org/2000/svg', 'title');
title.textContent = data[i].status;//JSON Object

svg.appendChild(rect);
svg.appendChild(text); 

//Use and Title added

svg.appendChild(use);
svg.appendChild(title);

document.body.appendChild(svg);

Answer 1

你的例子非常令人困惑，因为你没有说明<use>的目的是什么。加上什么是text？

如果您想将<title>添加到<rect>元素，您只需要这样做：

var title = document.createElementNS('http://www.w3.org/2000/svg', 'title');
title.textContent = data[i].status;//JSON Object
rect.appendChild(title);