custom-element 相关问题

自定义元素是HTML的一项功能，它为您提供了一种构建自己的全功能DOM元素并在HTML标记，CSS样式表和JavaScript代码中使用它们的方法。

尽管打开，ShadowRoot属性为null

我正在尝试访问我的元素上的ShadowRoot，属性element.shadowRoot返回null。 ShadowDOM被定义为模式：'open'，这是正确的，我甚至可以console.log（元素）来...

javascript shadow-dom custom-element

回答 1 投票 1

为什么host元素上的伪类必须在宿主函数内？

我不明白为什么伪类像：focus-within需要在：host（）函数括号中作用于主机本身。为什么不能：主持人：焦点在div内？这更奇怪......

css html5 web-component shadow-dom custom-element

回答 2 投票 1

是否可以在ejs模板中嵌入自定义元素？

我正在开发一个项目，其中主站点位于ejs模板中，并且想知道如何使用该类型的基本自定义元素：class x extends HTMLElement。我找到了ejs-html，但它......

javascript node.js express ejs custom-element

回答 1 投票 0

从中注入内容成

我想获取模板内容，将其注入带有shadow DOM的自定义元素，并通过:: slotted selector将样式应用于模板内部，但这似乎不能按预期工作。

javascript web-component shadow-dom custom-element html-templates

回答 1 投票 1

当属性设置为新值时，LitElement获取更新的属性值

我希望属性应该在属性设置为新值时更新。所以我做的是调用element.requestUpdate（）以便我可以获取更新的属性，但requestUpdate是异步的。在那儿 ...

javascript web-component custom-element lit-element lit-html

回答 1 投票 0

我们需要在自定义元素的采用的回调中做什么？

我已经阅读了关于自定义元素和采用的回调的各种文档，它们说“当元素被采用到另一个文档中时调用，即有人调用Document.importNode（...

javascript html web-component custom-element

回答 1 投票 1

聚合物2.0和多个插槽

我想构建一个Polymer 2.0自定义元素DOM树，但我想根据每个子节点的标签类型填充子节点（插槽），所以当我编写HTML以使用我的自定义元素时......

polymer polymer-2.x custom-element

回答 1 投票 2

自定义元素构造函数中的延迟setAttribute调用导致DOM错误。这是一个错误吗？

这是一个显示Chrome 72和Firefox 63中控制台错误的小提琴：https：//jsfiddle.net/jr2z1ms3/1/代码是：customElements.define（'test-element'，class ...

javascript html web-component custom-element

回答 2 投票 1

在Custom Element构造函数调用中维护JS作用域

我正在尝试一种新模式，其中每个新创建的Card元素使用构造函数范围来存储（私有）变量：伪代码：class CardtsCard扩展HTMLElement {...

javascript scope web-component custom-element

回答 1 投票 -1

WebFundamentals，带有shadowDOM的CustomElement和带HTML导入的HTML模板

我有关于webfundamentals实现的各种问题，我已经读过一个真正的Web组件必须有用于css封装的shadowDOM，用于组件逻辑的customElements ...

web-component shadow-dom custom-element html-imports html-templates

回答 1 投票 0

删除使用bind（this）添加的事件侦听器

如何在下面的构造函数中删除绑定到窗口的单击侦听器？我需要它来监听窗口，我需要访问其中的按钮实例。 MyEl课程延伸......

javascript ecmascript-6 addeventlistener custom-element removeeventlistener

回答 3 投票 4

在disconnectedCallback中删除从DOM中删除的自定义元素的所有引用

我有一个自定义元素提供API方法sayHello。如果元素从DOM中删除，我需要“破坏”disconnectedCallback中对自定义元素的所有引用。我怎么能够 ...

javascript ecmascript-6 custom-element

回答 2 投票 3

可以在调用`disconnectedCallback`之前多次调用自定义元素的`connectedCallback`吗？

规范说：但是，请注意，connectedCallback可以被多次调用，因此任何真正一次性的初始化工作都需要一个防护来阻止它运行两次。什么......

javascript html web-component custom-element

回答 1 投票 2

如何创建扩展类自定义元素的新实例

我正在尝试谷歌开发者网站的例子，我得到错误：“TypeError：非法构造函数。有什么问题以及如何修复它？类FancyButton扩展HTMLButtonElement {constructor（）...

javascript html ecmascript-6 web-component custom-element

回答 2 投票 7

来自不同脚本的多个Angular元素

是否可以使用从不同脚本生成的Angular Elements？我有2个项目weather-widget和clock widget，它们生成自己的脚本（concat所有必需的脚本）。当我用...

angular angular6 custom-element

回答 3 投票 2

我可以通过自定义元素使用Preact组件吗？

我想创建一个Preact组件，让人们使用它，即使他们没有构建Preact应用程序。示例：我想构建一个 Preact中的组件，捆绑它（以及...

custom-element preact

回答 2 投票 2

自定义元素getRootNode.closest（）函数跨越多个（父）shadowDOM边界

我花了一些时间搜索，但只看到太多的常规“走DOM”博客或答案，只有一个级别UP与getRootnode（）伪代码：HTML //＃shadow-root＆...

javascript shadow-dom custom-element native-web-component

回答 2 投票 1

是否可以使用javascript更新节点的OUTER html？

我正在建立一个音频网站。它使用自定义组件（用于轨道列表，轨道，轨道源，播放器......）但我坚持使用某些东西。当用户点击轨道时，轨道......

javascript web-component custom-element

回答 1 投票 0

如何访问嵌套Web组件的祖先？

我正在为我的Web组件实现Orchestrator模式，如下所示：

javascript google-chrome web-component shadow-dom custom-element

回答 3 投票 0

webkit与自定义元素v2

webkit试图完成与自定义元素v2相同的事情吗？ https://webkit.org/ https://developers.google.com/web/fundamentals/getting-started/primers/customelements如果是这样的话，那就是野生动物园......

safari webkit mobile-safari custom-element

回答 1 投票 1

最新问题

© www.soinside.com 2019 - 2024. All rights reserved.