1. Shadow DOM
Shadow DOM은 Web Component의 숨겨진 독립적인 공간임
<body>
<div id="mordor"></div>
<script>
document.queryselector('#mordor').attachShadow({mode: 'open'});
document.queryselector('#mordor').shadowRoot.innterHTML = `<p>Coming from HELL</p>`
</script>
</body>반응형
'Knowledge Wiki > Javascript' 카테고리의 다른 글
| [ JavaScript ES 6 ] HTML 모듈화 (0) | 2021.12.17 |
|---|---|
| [ JavaScript ES 6 ] 커스텀 태그 (0) | 2021.12.17 |
| [ JavaScript ES 6 ] Map, Set (0) | 2021.12.17 |
| [ JavaScript ES 6 ] Symbol 사용법 (0) | 2021.12.17 |
| [ JavaScript ES 6 ] for in, for of 반복문 (0) | 2021.12.17 |