SVG元素

[rocsnake]

怎样动态在SVG的Javascript中动态创建文本元素( <text> </text> )

[8988]

这样可以吗？
str="<text>........</text>"
document.body.insertAdjacentHTML("AfterBegin", str)

[rocsnake]

不行、这是在HTML中，我问的是SVG中

[linhaibo]

我想可以这么做的,SVG 也是符合XML的标记语言,是XML的扩展,
<svg id="svg1">
</svg>

var newText=document.createElement("<text></text>");
svg1.insertBefore(newText);

[rocsnake]

不行

[孟子E章]

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="500" height="350" onload="alerte(evt)">
<script language="text/ecmascript">
<![CDATA[
var svg;
var node;
function alerte(evt){
svg = evt.getTarget().getOwnerDocument();
node = svg.createElement('text');
node.setAttribute("x","200");
node.setAttribute("y","30");
node.setAttribute("style","text-anchor:left;font-size:12;font-family:Arial;fill:black");
node.text="aaaaaaa";
svg.appendChild(node);
}
]]>
</script>
</svg>

[linhaibo]

看样子 SVG 没有 VML 方便

[rocsnake]

net_lover(孟子E章)

还是不行，说的是对象不支持此属性与方法（node.text="aaaaaaa";
）

[孟子E章]

这里是英文测试，中文测试要注意编码：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg>
<svg width="600" height="500">
<script>
<![CDATA[
var step = 100;
function cree_text(evt)
{
svgdoc=evt.getTarget().getOwnerDocument();
node=svgdoc.createElement("text");
node.setAttribute("x","50");
node.setAttribute("y",step);
node.setAttribute("style","text-anchor:start;font-size:24;font-family:Arial;fill:red");
texte=svgdoc.createTextNode("This Is Added By appendChild.");
node.appendChild(texte);
ou=svgdoc.getElementById("net_lover");
ou.appendChild(node);
step=step+30
}
]]>
</script>
<g id="net_lover"></g>
<text onclick="cree_text(evt);" id="mxh" x="10" y="40" style="font-size:16pt;font-weight:bold" fill="#0099FF">http://colorweb.go.163.com[Click Here Add New Text]</text>
</svg>