insert row 테이블에 row 추가하기

   
   
  삽입
   
  삽입
   
  삽입

 

<script type="text/javascript">
var i_num=0;
function table_insert_row(this_s){
parent_td = this_s.parentNode;
parent_tr = parent_td.parentNode;
parent_table = parent_tr.parentNode;
clone_tr = parent_tr.cloneNode(true);

if (parent_tr.nextSibling)
parent_tr.parentNode.insertBefore(clone_tr,parent_tr.nextSibling);
else parent_tr.parentNode.appendChild(clone_tr);

//parent_table.appendChild(clone_tr)
}
</script>
<table width="100"  border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="50%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor="#993300">
    <td>&nbsp;</td>
    <td> <span onClick="table_insert_row(this);">삽입</span></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td bgcolor="#0066CC"> <span onClick="table_insert_row(this);">삽입</span></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#99CC33">&nbsp;</td>
    <td> <span onClick="table_insert_row(this);">삽입</span></td>
  </tr>
</table>

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
6.29
6.30
7.1
7.2
7.3
7.4
7.5
7.6
7.7
7.8
7.9
7.10
7.11
7.12
7.13
7.14
7.15
7.16
7.17
7.18
7.19
7.20
7.21
7.22
7.23
7.24
7.25
7.26
7.27
7.28
7.29
7.30
7.31
8.1
8.2