[JavaScript] table 태그 만들기 - createElement()

자바스크립트로 테이블을 만들면서, 오늘 날짜를 집어넣었다. 

createElement()와 appendChild()를 이용함.

<div id="setTable"></div>

 
<script type="text/javascript">

var d = new Date(); 
var date = d.toLocaleString(); 

var existingDiv = document.getElementById( 'setTable' ); 

var table = document.createElement( 'TABLE' ); 
existingDiv.appendChild( table ); 

var tr = document.createElement( 'TR' ); 
table.appendChild( tr ); 

var td = document.createElement( 'TD' ); 
tr.appendChild( td ); 

td.innerHTML = date; 
td.style.border = '1px solid #92acbb'; 
td.style.padding = '3px'; 
</script>
 

출력 화면

‎2016‎년 ‎7‎월 ‎25‎일‎ ‎오전‎ ‎2‎:‎07‎:‎47

실행 결과

 
<div id="setTable">
    <table>
        <tr>
            <td style="border: 1px solid #92acbb; padding: 3px;">‎2016‎년 ‎7‎월 ‎25‎일‎ ‎오전‎ ‎2‎:‎07‎:‎47</td>
        </tr>
    </table>
</div>
 

[출처] http://tonks.tistory.com/32