본문 바로가기

javascript

표(테이블) 라인 추가하기

필요하신분 계실듯..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Script </TITLE>

<STYLE>
body,td {font-size:12px}
</STYLE>

<!----- 1. 아래의 스크립트를 HEAD 부분에 붙여 넣으세요 -------->

<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);
  }
//  -->
</script>


<!------------------ 여기까지 --------------->

</HEAD>

<BODY>

<!----- 2. 원하는 위치에 아래와 같이 코드를 붙여 넣으세요 ------->

<a href="javascript:addRow('myTable')">라인 추가하기</a>

<br><br>

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


<!------------------ 여기까지 -------------->

</BODY>
</HTML>