gpt4 book ai didi

dart - 在 Polymer 1.0 中查找元素有哪些不同的方法

转载 作者:行者123 更新时间:2023-12-04 19:31:37 24 4
gpt4 key购买 nike

在 Polymer.dart 1.x 中有几种方法可以在 DOM 中查找元素。有什么区别。

最佳答案

  <body>
<div id="top"></div>
<app-element>
<div id="child1"></div>
<div id="child2"></div>
</app-element>
<script type="application/dart" src="index.dart"></script>
</body>
<dom-module id='app-element'>
<template>
<button on-click="clickHandler">Query</button>
<div id="shadow1"></div>
<div id="shadow2"></div>
<content></content>
</template>
</dom-module>

app_element.dart包含这个导入

import 'dart:html' as dom;

使用 shady DOM(默认)

  • $["shadow1"] (仅适用于静态添加的元素)
    • shadow1
  • dom.querySelectorAll('div')
    • (由 Polymer 动态插入的 <div hidden>)
    • top
    • shadow1
    • shadow2
    • child1
    • child2
  • querySelectorAll('div')
    • shadow1
    • shadow2
    • child1
    • child2
  • Polymer.dom(this).querySelectorAll('div')
    • child1
    • child2
  • Polymer.dom(this.root).querySelectorAll('div')
    • shadow1
    • shadow2
  • $$('div') (返回此选择器找到的第一个元素)
    • shadow1

使用 shadow DOM(全局设置选择加入)

  • $["shadow1"] (仅适用于静态添加的元素)
    • shadow1
  • dom.querySelectorAll('div')
    • (由 Polymer 动态插入的 <div hidden>)
    • top
    • child1
    • child2
  • querySelectorAll('div')
    • child1
    • child2
  • Polymer.dom(this).querySelectorAll('div')
    • child1
    • child2
  • Polymer.dom(this.root).querySelectorAll('div')
    • shadow1
    • shadow2
  • $$('div') (返回此选择器找到的第一个元素)
    • shadow1

而不是 .querySelectorAll(...) .querySelector(...)当然可以使用,但因为它总是返回 .querySelectorAll(...) 返回的元素之一。我没有明确添加这些示例。

启用影子 DOM 在 Polymer.dart 0.17 中的工作方式与解释的一样 here for Polymer.js

关于dart - 在 Polymer 1.0 中查找元素有哪些不同的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32703490/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com