DOM のアクセスコンテインメント

コンポーネントは、DOM をトラバースし、このコンポーネントによって作成された要素のみにアクセスできます。この動作により、アンチパターンが、他のコンポーネントが所有する DOM 要素に到達できなくなります。

Lightning Web コンポーネントは、window または document グローバルプロパティを使用して DOM 要素のクエリを実行することはできません。たとえば、document.querySelector() ではなく this.template.querySelector() を使用します。

Lightning Web セキュリティ (LWS) では、DOM へのコンポーネントのアクセスは、Web ブラウザに実装される Web 標準の Shadow DOM を通じてブラウザで制御されます。LWS は、mode が closed であることを要求してカプセル化の追加の制限を提供することで、クローズされた shadowRoot を強制します。MDN の ShadowRoot.mode を参照してください。

関連トピック