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 anchor 中的哪些广告喜欢 "

我现在正在尝试使用它:

     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

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

编辑:示例:

拆分[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 个 anchor ，包含在 splitted[0]、splitted[1]...splitted[7] 中

Answer 1

splitted[i] 是问题所在。 appendChild 将 DOM 元素附加到现有的 DOM 元素，但看起来您正在尝试附加字符串值。如果您想使用 appendChild，要么创建一个容器元素并使用 innerHTML 插入字符串，要么只使用 innerHTML。我会说，不是您不能将字符串附加为 DOM 元素的错误。另见 MDN-page在 appendChild 上。