在JavaScript中管道createElement和appendChild

Question

有人可以向我解释，为什么

var Node = document.createElement("testing");
var Parent = document.createElement("testingOne")
Parent.appendChild(document.createElement("hi"));
Node.appendChild(Parent);

从

产生不同的结果

var Node = document.createElement("testing");
var Parent = document.createElement("testingOne")
    .appendChild(document.createElement("hi"));
Node.appendChild(Parent);

在第二个片段中，元素testingOne甚至不包括在内。为什么管道会这样做？

Answer 1

你的第一个例子将导致

<testing><testingone><hi></hi></testingone></testing>

Parent将包含testingOne，hi元素将附加到其中。

虽然第二个例子将导致

<testing><hi></hi></testing>

因为Parent将包含hi方法返回的appendChild元素。