Tag: NATIVE-WEB-COMPONENT
¿Es posible crear un elemento si se conoce su constructor pero no su nombre de etiqueta? Ejemplo: class CustomElement extends HTMLElement {} customElements.define(genRandomString(), CustomElement); ¿Es posible crear una nueva instancia de CustomElement? ¿O se puede obtener su nombre de etiqueta de alguna manera? Hago esta pregunta porque no estoy seguro . . . Read more
Tratando de extender un elemento personalizado: class ABC extiende HTMLDivElement { connectedCallback() { console.log(‘ABC aquí’) } } customElements.define(‘x-abc’, ABC, { extends: ‘div’ }) class XYZ extiende ABC { connectedCallback() { console.log(‘XYZ aquí’) } } customElements.define(‘x-xyz’, XYZ, { extends: ‘x-abc’ }) pero obtengo este error: Uncaught DOMException: No se pudo ejecutar . . . Read more
Las plantillas HTML son agradables y rápidas. El problema es que la importación de HTML ha sido obsoleta. Esto significa que tiene más sentido poner cada componente web en su propio archivo .js en lugar de archivos .html. Sin embargo, si se utiliza un archivo .js, entonces hasta donde yo . . . Read more
Estoy haciendo un componente web que mostrará “¡Hola {name}!” donde {name} proviene de name="foo". Cuando lo intento, no obtengo ningún error, pero solo muestra “¡Hola nulo!”. index.html: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documento</title> <script src="./script.js"></script> </head> <body> <hello-world name="Joe"></hello-world> </body> </html> script.js: “`js . . . Read more