Skip to content

Instantly share code, notes, and snippets.

@kyuwoo-choi

kyuwoo-choi/shadow-dom-3.js

Last active May 27, 2018 17:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kyuwoo-choi/b2a72bcb8f4dbf4cd0f5be910b8a4d58 to your computer and use it in GitHub Desktop.
Save kyuwoo-choi/b2a72bcb8f4dbf4cd0f5be910b8a4d58 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
shadow-dom-3.js
document.body.appendChild(document.createElement('div')).innerHTML
= '<style>p { background-color: #82b74b; }</style><p id="non-shadow">Yey!</p>';
document.body.appendChild(document.createElement('div'))
.attachShadow({mode: 'open'})
.innerHTML = '<p id="shadow">Yey!</p>';
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment