svg文本元素有内容属性吗？

Question

svg文本元素是否具有内容属性？

我相信这可以通过javascript实现：

document.getElementById("test").textContent("Some meaningful verbage");

这可以在没有javascript的情况下实现吗？ Ex.gr：

<text id='test' content="Some meaningful verbage"></text>

Answer 1

虽然你不能把svg文本元素的文本放在属性中，你可以用这样的javascript追加一个文本元素（带文本）。

＆＃13;

＆＃13;

function getNode(n, v) {
  n = document.createElementNS("http://www.w3.org/2000/svg", n);
  for (var p in v)
    n.setAttributeNS(null, p.replace(/[A-Z]/g, function(m, p, o, s) { return "-" + m.toLowerCase(); }), v[p]);
  return n
}

var svg = getNode("svg");
document.body.appendChild(svg);

var text = getNode('text', {x:"15", y:"15", fill: "black"});
text.append("some meaningful text");
svg.appendChild(text);

＆＃13;

＆＃13;

＆＃13;