공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰

■ 프론트엔드 ■/JavaScript

테이블의 동적 삭제

serpiko 2013. 11. 25. 10:17

테이블 > tbody 엘리먼트에 접근하여 while문으로 rows를 검사한 뒤

deleteRow로 열을 삭제한다.


<html>
<table id="tableID" cellpadding="0" cellspacing="3" border="0">
<tbody>
<tr>
<td>
.
.
.

<script>
var tbody = document.getElementById("tableID").getElementsByTagName("tbody")[0];
while(tbody.rows.length > 0){
    tbody.deleteRow(0);
}
</script>
</html>

저작자표시 비영리 변경금지 (새창열림)

'■ 프론트엔드 ■ > JavaScript' 카테고리의 다른 글

canvas의 셀렉팅과 인식  (0) 2013.12.03
자바스크립트의 array sort  (0) 2013.11.25
body의 내용 초기화  (0) 2013.11.25
알파벳 대소문자 변환  (0) 2013.11.04
자바스크립트 MVC패턴 - Input animate  (0) 2013.10.14
댓글