SVG中的文本不会出现(Text in SVG does not appear)

 我试图用javascript将文本添加到svg元素。 
 
 这是我的JavaScript代码： 
 
var svg=document.getElementById("svgtext");
var newText = document.createElementNS(svg,"text");
newText.setAttributeNS(null,"x",0);     
newText.setAttributeNS(null,"y",50); 
newText.setAttributeNS(null,"font-size","100");
newText.setAttributeNS(null,"fill","black");
var textNode = document.createTextNode("Hello World");
newText.appendChild(textNode);
document.getElementById("gText").appendChild(newText);
 
 这是HTML 
 
         <svg id="svgtext" width=160px height=250px>
              <g id="gText">
                  <text x="0" y="15" fill="black">SVG!</text> 
              </g>
         </svg>
 
 正如你可以看到，如果我手动添加一些文本，它完美的作品。 当我尝试使用JavaScript时，我可以看到它出现在Chrome的检查器工具中，但它不会显示在屏幕上。 

I`m trying to add text to a svg element with javascript.
 
Here is my javascript code: 
 
var svg=document.getElementById("svgtext");
var newText = document.createElementNS(svg,"text");
newText.setAttributeNS(null,"x",0);     
newText.setAttributeNS(null,"y",50); 
newText.setAttributeNS(null,"font-size","100");
newText.setAttributeNS(null,"fill","black");
var textNode = document.createTextNode("Hello World");
newText.appendChild(textNode);
document.getElementById("gText").appendChild(newText);
 
and this is the HTML 
 
         <svg id="svgtext" width=160px height=250px>
              <g id="gText">
                  <text x="0" y="15" fill="black">SVG!</text> 
              </g>
         </svg>
 
As you can see if I add manually some text, it works perfectly. When I try with javascript I can see it present in Chrome's inspector tool, but it just does not appear on the screen.

原文：https://stackoverflow.com/questions/42189786