相关疑难解决方法(0)

如何在Dart中从外部查询shadow DOM中的元素？

如何在shadow DOM中选择节点？请考虑以下示例:

"没有阴影"的DOM的结构

<app-element>
  #shadow-root
    <h2></h2>
    <content>
      #outside shadow
      <h2></h2>
    </content>
    <ui-button>
      #shadow-root
        <h2></h2>
  </ui-button>
</app-element>

Run Code Online (Sandbox Code Playgroud)

的index.html

<body>
<app-element>
  <!-- OK: querySelect('app-element').querySelect('h2') -->
  <!-- OK: querySelect('app-element h2') -->
  <!-- There is no problem to select it -->
  <h2>app-element > content > h2</h2>
</app-element>
</body>

Run Code Online (Sandbox Code Playgroud)

templates.html

<polymer-element name="ui-button" noscript>
  <template>
    <!-- FAIL: querySelect('app-element::shadow ui-button::shadow h2') -->
    <h2>app-element > ui-button > h2</h2>
  </template>
</polymer-element>

<polymer-element name="app-element" noscript>
  <template>
    <!-- FAIL: querySelect('app-element::shadow').querySelect('h2') -->
    <!-- FAIL: querySelect('app-element::shadow h2') -->
    <!-- FAIL: querySelect('app-element').shadowRoot.querySelect('h2') -->
    <h2>app-element …

Run Code Online (Sandbox Code Playgroud)

css-selectors dart shadow-dom polymer dart-polymer

Tim*_*nov

2015 04-15

14
推荐指数

3
解决办法

2万
查看次数