2017-04-03 19 views
0

svgテキスト要素にコンテンツ属性がありますか?svgテキスト要素にはコンテンツ属性がありますか?

私は、これはJavaScriptで実現することができると信じて:

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

はjavascriptをせずにこれを達成することはできますか? Ex.gr:

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

いいえ、テキストは、開始タグの終了と終了タグの開始との間で行きます。 javascriptなしで何が達成できますか?あなたが書いたものは、何も表示されませんが、テキストエディタで実現できます。 –

+0

私は明確に編集しました。 –

+0

私にははるかに明確に見えません。 –

答えて

0

あなたは、このようなJavaScriptで(テキスト付き)テキスト要素を追加することができます属性でSVGのテキスト要素のテキストを入れることはできませんが。

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

関連する問題