内の他の空の領域がクリックされます)。コンポーネントの作成について学んできました。デバッグに役立つと思います。コンポーネントのレイアウト、スタイル、ペイントはかなり自己完結型です。引き続き継承されます。境界を越えたときにスタイルを初期値にリセットします。<slot></slot>`;</script>ページで使用されるすべてのカスタム要素の検出ページで使用されているカスタム要素を検出すると便利な場合があります。再帰的に走査する必要があります。コンポーネントの構造を宣言するために理想的なプレースホルダです。コンポーネントの構築を参照してください。付属していたことをご存じでしょう。間、両方のバージョンのサポートを続けます。element.createShadowRoot)が提供されていました。コードに問題は発生しません。記事(1、2、3)をご覧ください。違いを説明した優れた記事もあります。[高い優先度で]検討中です(https://developer.microsoft.com/en-us/microsoft-edge/platform/status/shadowdom/)。実装に際して未対応のバグがあります。存在するかどうかを確認します。提供するスタイルのスコープ設定を模倣します。プリミティブができました。古い要素を使用することなく、真にカプセル化されたコンポーネントを作成する方法を提供します。誤解しないでください。間違いなく複雑で、使いこなすのは大変です。努力して使い方を習得するだけの価値はあります。使い方を覚えながら、質問してください。ブラウザ対応をご覧ください。セキュリティ機能ではありません。ツリーをコンポーネントの中に隠すための軽量なツールです。使用しなければならないのですか?いいえ。コンポーネントを作成する必要はありません。カプセル化、コンポジションといった機能を利用できるようになります。ルートをご覧ください。