问题标签 [shady-dom]

我通过使用以下脚本在 Polymer 2.0 中使用 Shady DOM

我创建了三个自定义元素登录电子邮件、登录密码和登录按钮。单击纸张按钮时，我想获取登录电子邮件和登录密码的纸张输入值。使用 Polymer 1.0，我使用 document.getElementById('#emailLogon').value 从另一个自定义元素获取值，但这在 Polymer 2.0 中使用 Shady DOM 返回 null。

如果现在我正在做的事情是不可能的，那么从另一个自定义元素中检索来自外部自定义元素的值的替代方法是什么。

我正在使用 Polymer 2 构建组件库，但我在 Chrome 以外的浏览器中遇到 css 变量问题。

我有一个包装器组件（x-page），它有一个主题属性，可以是light或dark。我的 CSS 看起来与此类似：

我现在想在这个包装器内的所有组件中使用这些变量（不仅是直接开槽，所有这些都包括它们的影子根。

在 Chrome 中，这很好用，因为孩子们将从包装器中读取变量，但在其他浏览器中，即使我使用 apply-shim polyfill 并尝试使用自定义样式，它似乎也不起作用。

我感谢您的帮助 ：）

根据 Polymer博客，Chrome 将从WebComponents v02019 年 3 月起弃用。我的应用程序是Polymer v1.x用原生的ShadowDOM。弃用后，ShadowDOM将不再工作，实施将退回到 Shady DOM。根据博客，基于 Polymer v1.x 的网站可以使用 Polyfills 来解决这些即将被弃用的问题。

只是想确认 Polyfill 是否也适用于 ShadowDOM？或者，是否需要手动将 shadowDOM api(s) 转换为 ShadyDOM？

我的公司使用 Bootstrap Tour，它与 PolymerV1 完美配合，但在更新到 PolymerV2 shady dom 版本后。jQuery 选择器不能很好地工作。例如：如果使用这种方式：

// 为该元素自动生成 configurationId

但是，如果使用：

我尝试过其他选择器，例如：

一切都不行！有谁知道两者有什么区别？或在 Polymer2 shady DOM 中使用 jQuery 的任何更好的解决方案？

我正在为第三方网站构建一个小部件，使用影子 DOM 来防止他们的 CSS 干扰我们的。我正在使用ShadyDOM和ShadyCSS polyfill使其在 Edge 和 IE 中工作，但它并没有像我期望的那样为 shadow DOM 转换 CSS。

例子：

在 Chrome（原生支持 shadow DOM）中，stuffdiv 有粉红色背景，正如我所料。但是在 Edge（它本身不支持 shadow DOM）中，我看到了“shadow dom 内的东西”文本（意味着我的脚本运行并且 ShadyDOM 函数有效），但我没有看到粉红色的背景。

为什么会这样？我将影子根附加到一个普通的旧 div，而不是像 ShadyCSS README 中的示例那样使用自定义元素，但这有关系吗？如果是这样，我怎样才能使这项工作？我正在开发一个大型的现有应用程序，并且不想一次进行太多更改，因此我强烈希望使用我已经在使用的标准 HTML 元素（divs、buttons 等），而不是想出我的自己的元素或模板，尽管如果可以轻松完成，我愿意考虑模板和/或自定义元素，而不必进行很多大的更改。

网页显示有702条评论。
目标 youtube 示例 我编写了一个函数，从 github 上的项目中复制了许多代码。

get_total_youtube_comments(url)

github上的项目

尝试解析示例网页上的所有评论https://www.youtube.com/watch?v=N0lxfilGfak。

它可以得到一些评论，只是所有评论中的一小部分。

60远远少于702，如何使用硒在 youtube 中获取所有评论？
@supputuri，我可以使用您的代码提取所有注释。

为什么评论数是 709 而不是页面中显示的 717？