09. CSS - 테이블 Details 로 Wrap 해주기 + Vanilla JavaScript

동작 화면

 

코드

<div id="details-wrap" align="center">
  <table id="table" border="1">
    <tr>
      <td>테이블 내용입니다</td>
    </tr>
  </table>
</div>

var table = document.getElementById('table') // 테이블 가져오기

var details = document.createElement('details') // details 태그 생성

details.appendChild(table) // details 태그에 넣기

document.getElementById('details-wrap').innerHTML = details.outerHTML // details-wrap 클래스로 교체