我在这里有点困惑。我试图做一些基本的 DOM 操作——通过在 <head>
上 append 一个标题来测试它。标签。这是我写的:
document.head.appendChild(document.createElement("title").appendChild(document.createTextNode("Test Title")));
但是,上述方法不起作用。如果我把它分开,它会起作用:
var node = document.createElement("title");
var text = document.createTextNode("Test title");
node.appendChild(text);
document.head.appendChild(node);
为什么会这样,我错过了什么?
最佳答案
方法链处理前一个方法的返回值。
var chain = {
example: function (val) {
alert(val);
return this;
}
};
chain.example('this').example('works');
example
可以链接到 example
因为return this
返回具有 example
的对象方法。在
parent.appendChild(child)
的情况下返回值为child
,这意味着链接不会将元素添加到 parent
此外,随后的元素将被嵌套。
关于javascript - JS : Appending elements to head - how to chain the methods?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20249306/