JS:将元素附加到 head - 如何链接方法

JS: Appending elements to head - how to chain the methods?

本文关键字：何链接 链接 方法 head 元素 JS      更新时间：2023-11-22

我在这里有点困惑。我试图做一些基本的 DOM 操作 - 通过在 <head> 标签后附加标题来测试它。这是我写的：

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，而是嵌套后续元素。

追加标题元素，然后将文本追加到追加的对象。注意括号-

警告 - 标题元素是一种特殊情况，文档中只有一个标题元素有效

document.head.appendChild(document.createElement("title")).appendChild(document.createTextNode("Test Title"));
相关文章：