一步完成 Javascript createElement 和 appendchild

Question

我想创建一个元素，然后一步将其附加到其他元素。

var header = document.createElement("thead").appendChild(document.createElement("tr"));

为什么这段代码只输出 TR 而不是 Thead？

当我使用这段代码时，它是正确的(那里有 thead + tr)

var header = CH.createElement("thead");
    header.appendChild(CH.createElement("tr"));

Answer 1

因为 Node.appendChild()返回附加的 child ...

var appendedChild = element.appendChild(child);

.. 您可以简单地引用 child 的 parentNode像这样 ( sample fiddle ):

var header = document.createElement("thead")
    .appendChild(document.createElement("tr"))
    .parentNode; // the row's parentNode, i.e.: thead