25 lines
746 B
HTML
25 lines
746 B
HTML
<head>
|
|
</head>
|
|
<body>
|
|
<div class="app"></div>
|
|
<!-- only one element is fine -->
|
|
<div class="app"></div>
|
|
<script>
|
|
const attachApp = (element) => {
|
|
const root = element.attachShadow({mode: "open"})
|
|
|
|
const style = document.createElement('link')
|
|
style.rel= 'stylesheet'
|
|
style.href = 'resources/shared-resolver-host-invalidation.css'
|
|
root.append(style)
|
|
|
|
const div = document.createElement('div')
|
|
const p = document.createElement('p')
|
|
p.textContent = 'I should have a red background'
|
|
div.append(p)
|
|
root.append(div)
|
|
}
|
|
document.querySelectorAll('.app').forEach(attachApp)
|
|
</script>
|
|
</body>
|