svg元素插入
<?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>

木有反应啊，什么情况
------解决方案--------------------

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