javascript - 如何使用纯 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);