聚合物：如何在元素之后插入新元素？

Question

没有用于在元素后插入新元素的API。 https://www.polymer-project.org/1.0/docs/devguide/local-dom.html#dom-api

我正在寻找类似的jQuery方法.after()

<paper-input></paper-input>

我想在paper-input paper-menu后插入新元素的paper-menu

Answer 1

appendChild有什么问题？

    var el = document.createElement('paper-menu'),
        parent = this.querySelector('paper-input').parentNode
    Polymer.dom(parent).appendChild(el)

供参考.after() ：

function () {
    return this.domManip(arguments, function (elem) {
        if (this.parentNode) {
            this.parentNode.insertBefore(elem, this.nextSibling);
        }
    });
}

因此，您也可以这样做：

var el = document.createElement('paper-menu'),
    before = this.querySelector('paper-input')
Polymer.dom(before.parentNode).insertBefore(el, before.nextSibling)