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

标签 javascript dom append appendchild createelement

我在这里有点困惑。我试图做一些基本的 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/

相关文章:

jquery - 用于 fontawesome 的append() 或appendTo()

Linux:追加命令

javascript - 如何在 ASP.NET MVC 中组织外部 JavaScript 文件

javascript - 对象 HTMLInputElement 与 .value 错误

javascript - 如何检查元素是否隐藏在 jQuery 中?

javascript - onKeyPress、onKeyUp、onKeyDown有什么区别

javascript - 三个提交按钮的确认,其值作为确认消息

javascript - 哪些库可用于 javascript 中的上下文自动完成?

javascript - 如何使用 dojo 创建可滚动的移动 ListView ?

JQuery .text不会出现在浏览器中,仅出现在firebug中,不会被发布