Haben svg Textelemente Inhaltsattribute?

Question

Haben Svg-Textelemente Inhaltsattribute?

Ich glaube, dies mit Javascript erreicht werden kann:

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

dies ohne Javascript erreicht werden kann? Ex.gr .:

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

Answer 1

Während Sie nicht den Text eines svg Textelement in einem Attribut setzen können Sie ein Textelement (mit Text) mit Javascript wie folgt anhängen kann.

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);