자바스크립트 table.deleteRow()
2013. 11. 1. 14:00ㆍIT/Web-JavaScript
개발하면서 이것 때문에 머리 골싸매고 있었는데 답변자님 덕분에 잘 해결됨.
역시.. 제대로 공부를 해야지.. copy & paste 로만 하는건 개념도 안 잡히는듯..
==============================================================================================================
안녕하세요? Hyunee 입니다.
테이블 테그의 TR은 rowIndex 라는 속성이 있습니다.
이는 자신의 위치가 기록되어 있는데요
첫줄이면 0, 두번째 줄이면 1 이런식입니다.
삭제시 자신의 상위 엘리먼트를 찾아 자신을 삭제하는 방법을 제시해 봅니다. ^^*
- 추가 함수 일부 수정
- 삭제 함수 재 작성
소스코드 원문보기
<script type="text/javascript"><!--
/** 파일 추가 */function addFile(val){...
addStr += "<input type=text name=file"+addCount+" size=40 value="+name+" id=file class=invisible />"+"<a href='javascript_:;' onclick='delFile(this)'><strong>[삭제]</strong></a>";
...
}
/** 파일 삭제 */function delFile(obj){var tr = obj // A
.parentNode // TD.parentNode; // TRvar table = tr.parentNode;var index = tr.rowIndex;table.deleteRow(index);}
//--></script>
- 본인작성
- 혀니(starbbs)
- 영웅
- 채택 217 (85.4%)
- 최근 받은배지
- 지식iN 11주년
- 지식iN 11주년, 지식을 나누는
당신이 진정한 지식인!
'IT > Web-JavaScript' 카테고리의 다른 글
| [자바스크립트] IFRAME 객체 컨트롤 (0) | 2014.06.26 |
|---|---|
| [자바스크립트] SELECT 박스 선택시 option 안의 텍스트 다른 필드에 출력하기 (0) | 2014.06.25 |
| [자바스크립트] new Option() 파라미터 정의 (0) | 2013.11.01 |
| [자바스크립트] Table rows 2줄 추가 함수. (0) | 2013.09.02 |
| [자바스크립트] 전화번호 마스킹을 시도하다. (0) | 2013.08.27 |