javascript appendChild 不起作用

Question

我在使用此功能的 Firefox 3.6 上遇到错误

    function GetRefreshedResults(response)
    {   
        var splitted = response.value.split("|");
        var panel = document.getElementById('my-glider');
        var anchors = panel.getElementsByTagName('a');
        for (var i=0; i<anchors.length; i++)
        {
          anchors[i].innerHTML=splitted[i];
        }           
    }

DOM 锚中的哪些广告像“<a xmlns="http://www.w3.org/1999/xhtml">

我现在试图用它来代替：

     function GetRefreshedResults(response)
    {   
        var splitted = response.value.split("|");
        var panel = document.getElementById('my-glider');
        var anchors = panel.getElementsByTagName('a');
        for (var i=0; i<anchors.length; i++)
        {
            anchors[i].empty();
            anchors[i].appendChild(splitted[i]);
          //  anchors[i].innerHTML=splitted[i];
        }           
    }

但我在 appendChild 中收到以下错误：

        Uncaught Error: NOT_FOUND_ERR: DOM Exception 8

我不明白为什么它不起作用。谁能帮我 ？谢谢

编辑： 示例：

splitted[0] 包含：

   "<div class="var">Visits</div><div class="percent-zero">0%</div><div class="val">0<div class="val-alt">Unique Visits: 0</div></div>"

我想用新内容更新 8 个锚点，包含在 split[0]、splitted[1]...splitted[7] 中

Answer 1

splitted[i]是问题所在。appendChild将 DOM 元素附加到现有 DOM 元素，但看起来您正在尝试附加字符串值。如果您想使用appendChild，可以创建一个容器元素并使用innerHTML它来插入字符串，或者只使用innerHTML。我想说，不能将字符串附加为 DOM 元素并不是一个错误。另请参阅有关appendChild 的MDN 页面。