前回記事の応用で、Shadowの特徴のまとめ記事 Shadow の特徴 複数のShadow Root 挿入ポイント(Insert Points)と分散ノード(Distributed Nodes) イベントの設定 参考 複数のShadow Root 同じホストからの生成された複数のShadow Rootに、別々に要素を追加すると、最後に追加した要素のみが出力される。 <script> window.onload = function() { var container = document.getElementById('container'); var rootFirst = container.createShadowRoot(); var rootSecond = container.createShadowRoot(); rootFirst.innerHTML = '<div>Thi