svg元素插入

Question

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<!--<line x1='0' y1='0' x2='200' y2='300' style='stroke:blue;stroke-width:1'/>-->
<g id="content">
<text id='mtext' x='20' y='50' fill='red' font-size='45'>www</text>
</g>
<script type="text/javascript">
<![CDATA[

var line="<text id='mtext' x='20' y='50' fill='red' font-size='65'>ssssss</text>";
document.getElementById("content").appendChild(line);  ]]>
</script>
</svg>木有反应啊，什么情况

Answer 1

var t = document.createElementNS("http://www.w3.org/2000/svg",'text');
t.setAttribute('x','20');
t.setAttribute('y','150');
t.setAttribute('fill','red');
t.setAttribute('font-size','65');
t.appendChild(document.createTextNode('SSSSS'));
document.getElementById("content").appendChild(t);