1.シャドウDOMは何ですか
どのような影DOMこと?さんはクロームDevToolを開いてみましょう、として「設定 - >設定 - >要素」内のダニ「を表示するユーザエージェントは、DOM影」を。その後、サポートHTML5ビデオ再生のウェブサイトを開きます。たとえば、YouTubeの:
あなたは見ることができるvideo
内部を持っている#shadow-root
、あなたはまだShadowRootの下で見ることができdiv
、このような一般的なHTMLタグ。私たちは知っているvideo
が、「再生/一時停止ボタン、プログレスバー、ビデオ・時刻表示、ボリュームコントロール、」や他のコントロールも、実際には、ShadowRootを構成これらのサブ要素で作られていることだろう。最も一般的に使用されinput
、実際に装着されているシャドウDOMは、例えば、我々は、Chromeで試してみます