고정 헤더 영역
상세 컨텐츠
본문
<html>
<head>
<script type="text/javascript">
var idx;
var obj_table;
function my_init() {
idx=0;
obj_table=document.all.mytable.cloneNode(true);
}
function add_table() {
if (idx<9) { //제한
idx++;
eval("document.all.mytable"+(idx>1?idx-1:"")).insertAdjacentHTML("afterEnd",obj_table.outerHTML.replace("mytable","mytable"+idx));
}
}
function del_table() {
if (idx>0) {
eval("document.all.mytable"+idx).removeNode(true);
idx--;
}
}
</script>
</head>
<body onload=my_init()>
<table border=0 cellspacing=1 bgColor=black id=mytable>
<tr bgColor=white align=center>
<td>1/1</td>
<td>1/2</td>
<td>1/3</td>
</tr>
<tr bgColor=white align=center>
<td>2/1</td>
<td>2/2</td>
<td>2/3</td>
</tr>
<tr bgColor=white align=center>
<td>3/1</td>
<td>3/2</td>
<td>3/3</td>
</tr>
</table>
<Input type=button value=테이블추가 onclick=add_table()>
<Input type=button value=테이블삭제 onclick=del_table()>
</body>
</html>
<head>
<script type="text/javascript">
var idx;
var obj_table;
function my_init() {
idx=0;
obj_table=document.all.mytable.cloneNode(true);
}
function add_table() {
if (idx<9) { //제한
idx++;
eval("document.all.mytable"+(idx>1?idx-1:"")).insertAdjacentHTML("afterEnd",obj_table.outerHTML.replace("mytable","mytable"+idx));
}
}
function del_table() {
if (idx>0) {
eval("document.all.mytable"+idx).removeNode(true);
idx--;
}
}
</script>
</head>
<body onload=my_init()>
<table border=0 cellspacing=1 bgColor=black id=mytable>
<tr bgColor=white align=center>
<td>1/1</td>
<td>1/2</td>
<td>1/3</td>
</tr>
<tr bgColor=white align=center>
<td>2/1</td>
<td>2/2</td>
<td>2/3</td>
</tr>
<tr bgColor=white align=center>
<td>3/1</td>
<td>3/2</td>
<td>3/3</td>
</tr>
</table>
<Input type=button value=테이블추가 onclick=add_table()>
<Input type=button value=테이블삭제 onclick=del_table()>
</body>
</html>
출처 : http://blog.naver.com/pluggers?Redirect=Log&logNo=150014343586
'Web > JavaScript' 카테고리의 다른 글
| 주소 직접 치구 들어오는거 막기 (0) | 2012.06.26 |
|---|---|
| 입력된 전화번호 체크 (0) | 2012.05.16 |
| IE 버전 가져오기 (0) | 2012.05.16 |
| 웹페이지 context menu, 소스보기 방지 (0) | 2012.05.16 |
| 비밀번호(패스워드) 유효성 체크 (문자, 숫자, 특수문자의 조합으로 6~16자리) (0) | 2012.05.16 |
