polymer - JavaScript を使用してコンポーネントの外部からローカル DOM にトラバースする

Question

JavaScript を使用して、Polymer コンポーネントの外部からローカル DOM 要素にアクセスしようとしています。document.querySelector以前は、 を使用して、セレクターを使用して shadowDOM 要素を選択することができました::shadow。

現在、ローカル DOM は「shady DOM」として実装されていることがわかりました。その場合、ローカル DOM 要素にアクセスするにはどうすればよいですか?

Answer 1

私の場合、これでは十分ではありませんでした。最終的に私を助けたのは、これと組み合わせた上記の答えでした： shadowRoot.querySelector

var myElement = this.shadowRoot.querySelector('#myElement');
var div = myElement.shadowRoot.querySelector('div');

私はポリマーに関しては初心者であることを付け加えなければならないので、上記のコードではなく、なぜこれが私にとってうまくいったのかを本当に説明することはできません. しかし、最終的にはそれ自体がカスタム要素であるページ内で myElement を使用したため、これが当てはまると思います。