javascript - 有人可以帮助我了解appendChild 方法中实际发生的情况吗？

Question

<blockquote id="quote">
    No book can ever be finished. While working on it we learn
    just enough to find it immature the moment we turn away
    from it.
</blockquote>

<script>
    function elt(type) {
        var node = document.createElement(type);
        for (var i = 1; i < arguments.length; i++) {
            var child = arguments[i];
            if (typeof child == "string")
                child = document.createTextNode(child);
            node.appendChild(child);
        }
        return node;
    }

    document.getElementById("quote").appendChild(
        elt("footer", "—",
            elt("strong", "Karl Popper"),
            ", preface to the second editon of ",
            elt("em", "The Open Society and Its Enemies"),
            ", 1950"
        )
    );
</script>

有人可以帮助我了解 appendChild 方法中实际发生的情况

document.getElementById("quote").appendChild(elt(...));

Answer 1

看起来 elt 函数采用 type 参数，这是要创建的元素的类型(请参阅elt("footer"))。它还处理未指定数量的参数；对于每个字符串参数，它都会创建一个包含该字符串的 textNode。

appendChild 方法只是调用 elt 方法，在您的示例中，它是一个函数调用 (elt()) >)，并且 that 函数调用包含六个参数，其中两个是 elt() 函数调用，每个参数包含两个参数，这两个参数都是字符串。

这就是您要找的吗？