Shadow DOMの広告ブロッカー対策サンプル

<h1>Shadow DOMの広告ブロッカー対策サンプル</h1>
<div></div>

const adWrapper = document.querySelector('h1 + div')
const shadowRoot = adWrapper.attachShadow({ mode: 'closed' })
const adContent = document.createElement('div')
adContent.innerHTML = '<a href="https://iwb.jp/?s=広告" class="ad-link">広告リンク</a>'
shadowRoot.appendChild(adContent)

元記事を表示する