Javascript 如何从类中访问自定义元素的下一个同级？

在web组件中，我有一个自定义元素，我想访问下一个同级。我该怎么做？我有这个

class DomElement extends HTMLElement {
    constructor() {
        super();
        let shadowRoot = this.attachShadow({mode: 'open'});
        const t = document.currentScript.ownerDocument.querySelector('#x-foo-from-template');
        const instance = t.content.cloneNode(true);
        shadowRoot.appendChild(instance);
    }

    fixContentTop() {
        var sibling = this.nextElementSibling;
        if (sibling) {

        }
    }
}

但兄弟姐妹变为空

有人知道怎么做吗

---

感谢

实际上，在调用this.nextElementSibling的方法中，它可以工作，这实际上表示具有同级的自定义元素

它在本例中起作用，因为由于使用了arrow函数，它引用了自定义元素：

定义“dom-elem”，类扩展HtmleElement{ 建造师{ 超级的 var sh=this.attachShadow{mode:'open'} sh.appendChilddocument.querySelector'template'.content.cloneNodetrue sh.querySelector'button'。onclick==> console.log'sibling=%s'，this.nextElementSibling.localName } } 结亲 那么，您确定它有下一个元素同级吗？请使用[]工具栏按钮上的堆栈片段，使用runnable更新您的问题，以演示问题。