javascript: 新增文字節點問題?

您好,   
  希望您能帮帮忙. 以下的程序可以在IE上正常执行来新增文字节点, 但是在Firefox或chrome却无法成功, 请问是哪出了问题? 该如何改才能跨浏览器?! 谢谢!
-------------
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- file:unit.svg -->
<svg  id="svg00" version="1.1" xmlns="http://www.w3.org/2000/svg" >
<rect id="rect0001" x="10" y="10" width="600" height="600" fill="white" stroke="black" stroke-width="2" />
  <svg id="svg01" x="10" y="10" width="600" height="600"  viewBox="0 0 600 600" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" >
    <g id="g001" transform="scale(1.0)">
      <g id="g002" transform="translate(0,0)" fill-opacity="0.01" >
        <rect id="rect0002" x="100" y="100" width="60" height="60" fill="white" stroke="blue" stroke-width="1" onmousedown="addText()"/>
      </g>
    </g>
<script type="text/javascript">
<![CDATA[
function addText(){
    var GroupID02=document.getElementById("g002");
    var textName="text0009";  
    var newText=document.createElement("text");
    newText.setAttribute("id",textName);
    newText.setAttribute("x",400);
    newText.setAttribute("y",400);
    newText.setAttribute("font-size",20);
    newText.setAttribute("fill","red");
    newText.setAttribute("fill-opacity",1);
    newText.appendChild(document.createTextNode("ABCDEFG"));
    GroupID02.appendChild(newText);
}
]]>
</script>
</svg>
</svg>