Estoy tratando de adjuntar shadow dom a esto, pero no se adjunta y da un error. La operación DOMExpection no es compatible, pero cuando se hereda de HTMLElement o HTMLSpanElement, ¡funciona! Entonces, la pregunta es: ¿puedo adjuntar shadow dom a esto cuando heredo de HTMLButtonElement si es así, entonces de qué otra manera no por qué? aquí está mi código: -

 class Home_Button extends HTMLButtonElement { constructor() { super(); this._dom = this.attachShadow({ mode: "open" }); this.createButton(); } createButton() { this.classList.add("contents"); const style = document.createElement("style"); style.textContent = ` .sentToHome{ margin: 1%; padding: 1%; border-radius: 5px; border: 1px solid black; } .homeLink{ text-decoration: none; color: green; } `; const anchor = document.createElement("a"); anchor.innerText = "<< Home"; anchor.setAttribute("href", "/"); anchor.setAttribute("class", "homeLink"); const button = document.createElement("button"); button.setAttribute("class", "sentToHome"); button.appendChild(anchor); this._dom.append(style, button); } } customElements.define("simple-btn", Home_Button, { extends: "button" }); const sentToHomeBtn = new Home_Button(); document.body.appendChild(sentToHomeBtn);