当前位置: 首页 > 面试题库 >

在影子DOM中查找元素

卫昊东
2023-03-14
问题内容

量角器1.7.0引入了一项新功能:新的定位器by.deepCss,可帮助您在
影子DOM中
查找元素。

它涵盖哪些用例?您什么时候想要到达影子DOM中的元素?

我问这个问题的原因是,我在事情的动机部分上不见了-
我想到量角器主要是作为一个有助于模仿实际用户交互的高级框架。访问影子树听起来像是一项非常深入的技术工作,为什么您要这样做却使我感到困惑。


问题答案:

为了回答您的问题,这里有一个相关的问题:“ shadow dom提供了哪些信息而不是原始html提供的信息?”

以下代码段创建了一个dom dom(通过chrome或firefox查看):

<input type="date">

如果单击箭头,则会弹出一个包含所有日期的弹出窗口,您可以选择它。

现在想象一下,您正在构建一个酒店预订应用程序,并且制作了一个自定义的影子日期选择器,当房间不可用时,它将在这里遮蔽(不允许用户选择)日期。

查看原始html,您会看到<input type="date">,以及用户选择的值/日期。但是,您将如何测试中断的UI是否按预期工作?为此,您需要检查弹出窗口所在的影子dom。



 类似资料:
  • 量角器1.7.0引入了一个新特性:一个新的定位器,它有助于查找阴影DOM中的元素。 它涵盖哪些用例?您希望何时访问阴影DOM中的元素? 我问这个问题的原因是我错过了这个问题的动机部分——我认为量角器主要是一个有助于模仿真实用户交互的高级框架。访问阴影树听起来像是一件非常深入的技术事情,你为什么要这么做让我困惑。

  • Shadow DOM 为封装而生。它可以让一个组件拥有自己的「影子」DOM 树,这个 DOM 树不能在主文档中被任意访问,可能拥有局部样式规则,还有其他特性。 内建 shadow DOM 你是否曾经思考过复杂的浏览器控件是如何被创建和添加样式的? 比如 <input type="range">: 浏览器在内部使用 DOM/CSS 来绘制它们。这个 DOM 结构一般来说对我们是隐藏的,但我们可以在开

  • 问题内容: 我需要通过对象引用在其容器内找到元素的索引。奇怪的是,我找不到简单的方法。请不要jQuery-只有DOM。 是的,我可以为每个元素分配ID并遍历所有节点以匹配ID,但这似乎是一个不好的解决方案。没有更好的东西吗? 因此,就像上面的示例一样,我有一个对第三个LI的对象引用。我怎么知道它是索引2? 谢谢。 问题答案: 您可以使用。为此,我们需要在某种程度上“铸成” true 。例如: 然后

  • 问题内容: 我正在尝试使用Selenium(版本2.28.0)在子元素中搜索元素,但是selenium des似乎并不将其搜索限制在子元素中。我做错了吗,还是有一种方法可以使用element.find搜索子元素? 例如,我使用以下代码创建了一个简单的测试网页: 我的python(2.6版)代码如下所示: 如果我运行: 它从第二部分返回html。因此,selenium的搜索范围并不限于element

  • 我正在尝试搜索带有Selenium(版本2.28.0)的子元素中的一个元素,但是Selenium des似乎没有将其搜索限制在子元素中。是我这样做错了,还是有办法使用Element.find搜索子元素? 对于一个示例,我使用以下代码创建了一个简单的测试网页: 我的python(2.6版)代码如下所示: 如果我跑: 它返回来自第二部分的html。所以硒并不局限于元素2。 我希望能够找到Element