shadow-dom 相关问题

Shadow DOM是Web Components的关键部分,它允许您使用与主DOM隔离的DOM元素子树创建基于组件的应用程序。

来自Shadow DOM内的GetElementById

我有一个带有shadow DOM的自定义元素,它侦听属性目标更改。 target应该是我的组件应该附加到的元素的ID。我试过用...

回答 2 投票 0

在几个影子主机之间共享相同的影子DOM?

我只是发现Web组件,我不确定它是否能很好地理解它。但这是我的问题。似乎它有很多优点。我想知道是否有可能分享...

回答 1 投票 0

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

我花了一些时间搜索,但只看到太多的常规“走DOM”博客或答案,只有一个级别UP与getRootnode()伪代码:HTML //#shadow-root&...

回答 2 投票 1

ionic4:ion-item border-top-left-radius,-top-right,-bottom-left,-bottom-right

所以,我一直在用Ionic v4做一个项目,现在我似乎无法使边界半径工作,因为我正在使用类来检测ngFor,如果它是第一项或最后一项。如果是......

回答 1 投票 0

如何使用本机元素访问嵌套的阴影-dom离子角

我想访问父阴影根中的子阴影根。 const shadow = this.el.nativeElement.attachShadow({mode:'open'})上面的代码实际上返回了父阴影根,但我......

回答 1 投票 1

如何在没有Shadow DOM的情况下创建LitElement?

我正在使用LitElement创建Web组件。这是来自https://lit-element.polymer-project.org/guide/start //导入LitElement基类和html帮助函数import {LitElement,...

回答 1 投票 2

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

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

回答 3 投票 0

SVG shadow-root已关闭

我试图用CSS动画svg-sprite。我已经创建了一个sprite并从gulp中注入了它:gulp.task('svgstore',function(){var svgs = gulp .src('app / svg / * .svg')。pipe(svgmin(...

回答 2 投票 6

在模板标签内使用远程样式表(带阴影dom)

我正在尝试制作一个半可重用的小部件,但我遇到了一个问题。我试图在阴影根中封装一些CSS代码,这样它不会影响网页的其余部分但是...

回答 4 投票 13

React是否已经杀死了Shadow-DOM的概念

Shadow DOM被设计为用于构建基于组件的应用程序的工具。但是如果我在React中使用基于组件的样式,这意味着每个组件只加载它自己的CSS文件,我还需要...

回答 1 投票 1

如何在Selenium Webdriver中处理阴影dom

我正在尝试使用c#WebDriver处理这个dom。我的chromedriver使用v38。我不能使用输入#frameworkInput,因为没有看到#shadow-root下的所有东西。所以我尝试了IWebElement ele =(IWebElement)(...

回答 1 投票 2

如何覆盖部分内容 自定义元素继承中的元素?

我有自定义元素,BasicSwitcher,它有阴影dom html模板:const template_basic_switcher = document.createElement('template'); template_basic_switcher.innerHTML =`

回答 1 投票 1

JS Custom Element获取内部HTML

我们定义了这样的自定义元素...... 提交 和标准的customElements定义类MyButton扩展HTMLElement {constructor(){...

回答 1 投票 2

如何将自定义css应用于DOM内部元素?

我用IONIC 4创建了一个新项目。一切都很好,工作正常。但是当我尝试将CS S应用于#shadow-root中存在的元素时。下面是我的HTML代码

回答 1 投票 1

强制将焦点事件放入槽元素中

我正在尝试将一个元素集中在一个slot元素中,该元素在一个自定义元素中使用。在我的自定义元素里面,我查询了slot元素,而不是使用方法....

回答 1 投票 0

为什么Font Awesome在我的Shadow DOM中不起作用?

Font Awesome不能在我的影子DOM中工作,因为我在其中有以下内容以防止样式泄漏进出:: host {all:initial; / *第一个规则,以便重置后续属性。 * / ...

回答 1 投票 0

使用带有Shadow DOM的Google字体[重复]

我正在尝试在内容脚本端使用带有我的扩展名的谷歌字体 - 我已经下载并从扩展目录加载的Noto字体工作(它也在...中声明)

回答 1 投票 0

Web组件中的槽选择器限制

插槽很适合制作可重复使用的Web组件,但是到目前为止它有一个限制。我面临的是风格问题。你只是无法定义组件内的样式,即使你知道注入什么...

回答 1 投票 2

在shadowRoot中执行脚本

我试图使用以下代码从shadowRoot中执行脚本。 const template = document.createElement('template'); template.innerHTML =`console.log(“hey”); </ ...

回答 1 投票 0

聚合物1.0中添加了默认样式范围

添加默认范围而不是必需的类。尝试在聚合物1中使用条件css下的下拉菜单中更改颜色。

回答 1 投票 0

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