Javascript Can'；在SVG中找不到按ID排列的文本元素

我一直在SVG中玩动画： （链接到脚本“anim.js”）

在

窗口.onload

事件中，我有：

function init(evt) {
    if(window.svgDocument == null) {
        if(evt.target && evt.target.ownerDocument)
            svgDocument = evt.target.ownerDocument;
        else if(evt.originalTarget && evt.originalTarget.ownerDocument)
            svgDocument = evt.originalTarget.ownerDocument;
        else svgDocument = document;
    }
    
    _debug = svgDocument.getElementById('debug');
    alert(_debug.firstChild.nodeValue);

    for(i = 0; i < 1; i++)
        balls[i] = svgDocument.getElementById('ball' + i);
    setInterval(loop, 50);
}

函数初始化（evt）{
if（window.svgDocument==null）{
if（evt.target&&evt.target.ownerDocument）
svgDocument=evt.target.ownerDocument；
else if（evt.originalTarget&&evt.originalTarget.ownerDocument）
svgDocument=evt.originalTarget.ownerDocument；
else svgDocument=文件；
}
_debug=svgDocument.getElementById（'debug'）；
警报（_debug.firstChild.nodeValue）；
对于（i=0；i<1；i++）
balls[i]=svgDocument.getElementById（'ball'+i）；
设置间隔（循环，50）；
}

---

它可以找到“ball”对象，但不能找到“debug”对象（

getElementById

返回

null

）。我可以在源代码中看到它，那么为什么脚本找不到它呢？

很可能您正在测试SVG 1.1的实现，因为flowRoot是在SVG 1.2中引入的
忽略无效元素，因此不会显示在DOM中