2010년 11월 25일 목요일

[JavaScript] 동적인 테이블 태그 생성하기

출처 : PHPSCHOOL

<html>
<head>
    <script language="javascript">
        function init(){
       
            var oRow = tbl.insertRow();
            var oCell1 = oRow.insertCell();
            oCell1.rowSpan="2";
            var oCell2 = oRow.insertCell();
           
           
            var oRow2 = tbl.insertRow();
            var oCell3=oRow2.insertCell();
           
            oCell1.innerHTML = "aaaa";
            oCell2.innerHTML = "bbbb";
            oCell3.innerHTML = "cccc";
           
        }
    </script>
</head>
<body onload="javascript:init();">
    <table id="tbl" border=1>
        <tr>
            <td rowspan="2">rowspan2</td>
            <td>1111</td>
        </tr>
        <tr>
            <td>2222</td>
        </tr>
    </table>
</body>
</html>

댓글 없음:

댓글 쓰기