2017년 6월 3일 토요일

JavaScript : 테이블 행 추가하는 소스

<SCRIPT LANGUAGE="JavaScript">
function addRow(id){
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")

    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("column 1")) // 왼쪽 셀내용

    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("column 2"))  // 오르쪽 셀내용

    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);
}
//  End -->
</script>

<a href="javascript:addRow('myTable')">표에서 가로줄(row) 추가</a>

<table id="myTable" cellspacing="0" border="1">
    <tbody>
    <tr>
        <td>row1_column1</td><td>row1_column1</td>
    </tr>
    </tbody>
</table>