dart - Dart WebComponent はその DOM 要素にアクセスできますか?

Question

WebComponent を拡張するクラス内で、このインスタンスのルートを表す DOM 要素にアクセスする標準的な方法はありますか?

Answer 1

2 つの方法があります。まず使用すること_rootです。2 番目のオプションはgetShadowRoot()、Pixel Elephant で述べたように使用することです。

一部の古いコードは に依存して_rootいますが、使用しないでください。非推奨になり、廃止されるためです。getShadowRoot()IDEでのオートコンプリートにも適しています。

これはあなたがすべきことです：

getShadowRoot('x-your-element').classes.add('your-element');

Answer 2

これが良い方法かどうかはわかりませんが、次の
ようなものを使用します。

inserted() {
  var root = shadowRoot != null? shadowRoot: this;
  var element = root.query("something in the webcomponent dom");
  element.text = "Hello from webcomponent";
}

このコードは、shadow dom と標準的な方法の両方に準拠しています。