동적으로 TR을 생성후에 삭제 할려고했더니 자꾸 못찾겠다고 하신다...
이유흘 살펴 보니
tbody 가 table 안에 여러개 생성되어서 문제였다.
예제 참고하시길..
<!doctype html>
<html lang="en">
<head>
<script>
function add(){
var target = document.getElementById("trd");
var tbody = document.getElementById("tbody");
var tr = document.createElement("tr");
var td = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
td3.innerHTML="<a href='#' onclick='del(this)'>삭제</a>";
td3.onclick="alert('test');";
tr.appendChild(td);
tr.appendChild(td2);
tr.appendChild(td3);
tr.id="test";
tbody.appendChild(tr);
target.appendChild(tbody);
}
function del(obj){
alert(obj.parentNode.parentNode);
var target = document.getElementById("tbody");
var del_id = obj.parentNode.parentNode.id;
del_tr = document.getElementById(del_id);
alert(del_tr.id);
target.removeChild(del_tr);
}
</script>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<input type="button" value="add" onclick="add()">
<table border="1" style="border-collapse:collapse" width="400" id="trd">
<tbody id="tbody">
<tr>
<td>1</tD>
<td>2</td>
<td>삭제</td>
</tr>
<tr>
<td>1</tD>
<td>2</td>
<td>삭제</td>
</tr>
</tbody>
</table>
</body>
</html>
'IT 전용글' 카테고리의 다른 글
| php 5.2 기준 window apm 에 mongodb 드라이버셋팅 (0) | 2014.11.28 |
|---|---|
| php define defined 차이점 (0) | 2014.11.17 |
| php Serialize 사용예제 (0) | 2014.10.30 |
| PHP Snoopy 관련 (0) | 2014.10.14 |
| 카페24, 온라인쇼핑몰 실시간 상품 분석 서비스 출시 (0) | 2014.09.19 |