Recent Posts
Today
Total
관리 메뉴

KorSA

[ JavaScript ES 6 ] Shadow DOM 본문

Knowledge Wiki/Javascript

[ JavaScript ES 6 ] Shadow DOM

Praiv. 2021. 12. 17. 18:00
320x100

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>
728x90
728x90

'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
'Knowledge Wiki/Javascript' Related Articles more
Comments