white-azalea https://blog.hatena.ne.jp/white-azalea/ 技術をかじる猫 https://white-azalea.hatenablog.jp/ 日記 勉強 html5 概要 まずはタグを作る Shadow DOM の特性 style 透過性 要素の透過性 イベントの透過性 Shodow DOM の外側にイベントをバブリングする Open Closed の違い 弱点 概要 Shadow DOM を実際に作成した上で、どの様な動作をするのかを検証してみる。 white-azalea.hatenablog.jp コレの続き。 まずはタグを作る 簡単なカスタムタグを用意して EchoTag.js class EchoTag extends HTMLElement { // コンストラクタ constructor() { super(); this._innerTex… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwhite-azalea.hatenablog.jp%2Fentry%2F2023%2F04%2F24%2F205520" title="Shadow DOM について - 技術をかじる猫" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/white-azalea/20230424/20230424194501.png Hatena Blog https://hatena.blog 2023-04-24 20:55:20 rich https://white-azalea.hatenablog.jp/entry/2023/04/24/205520 1.0 100%