リアクトで使用されているシャドウDOM

1.シャドウDOMは何ですか

どのような影DOMこと?さんはクロームDevToolを開いてみましょう、として「設定 - >設定 - >要素」内のダニ「を表示するユーザエージェントは、DOM影」を。その後、サポートHTML5ビデオ再生のウェブサイトを開きます。たとえば、YouTubeの:

image.png
あなたは見ることができるvideo 内部を持っている#shadow-root 、あなたはまだShadowRootの下で見ることができdiv 、このような一般的なHTMLタグ。私たちは知っているvideo が、「再生/一時停止ボタン、プログレスバー、ビデオ・時刻表示、ボリュームコントロール、」や他のコントロールも、実際には、ShadowRootを構成これらのサブ要素で作られていることだろう。最も一般的に使用されinput 、実際に装着されているシャドウDOMは、例えば、我々は、Chromeで試してみます


おすすめ

転載: yq.aliyun.com/articles/717933