Question

我不明白为什么会失败：

var recursiveElementGenerator = function (elem_spec) {
    elem = document.createElement(elem_spec.tag);

    if (elem_spec.children) {
        for (var i=0; i<elem_spec.children.length; i++) {
            var c_elem = elem_spec.children[i];
            var n_elem = recursiveElementGenerator(c_elem);
            alert(elem===n_elem);
            elem.appendChild(n_elem);
        };
    };
    return elem;
};

elem_spec对象具有tag和children属性，后者是类似对象的数组。

这会失败，因为递归调用返回的元素与递归调用之前创建的元素相同。我没有得到 - 类似的版本可以通过从一个数组上的pop（）调用获取其标记值链然后传递给递归调用。

Answer 1

尝试使用：

var elem = document.createElement(elem_spec.tag);

而不是：

elem = document.createElement(elem_spec.tag);

不使用var关键字使您的变量在全局范围内运行。使用它将在本地范围内创建变量，从创建的行到函数定义的结尾。

JavaScript递归元素创建失败

1 个答案: