JAKARTAPROJECT
JAKARTA TIPJSP TIPJSP 질문&답변DATABASE TIPJAVASCRIPT TIPWEBHACKING TIP기타 TIP
자바스크립트 팁
자바스크립트 팁
자바스크립트 및 CSS 팁 게시판입니다
테이블에 동적 TR 삽입 및 삭제 IE, FF 공용
GoodBug http://www.jakartaproject.com
이미지 슬라이더 보기

테이블에 동적 TR 삽입 및 삭제 IE, FF 공용

 

 

html 코드

<table id=unc-poll-tab>

    <tbody>

        <tr>

            <td></td>

        </tr>

    </tbody>

</table>

 

 

자바스크립트 코드

function append() { 
    var tbl = document.getElementById("unc-poll-tab").getElementsByTagName("TBODY")[0];
    var html1 = '컬럼1';
    var html2 = '컬럼2';
   
    var row = document.createElement("tr");
    var col1 = document.createElement("td");
    var col2 = document.createElement("td");
    row.appendChild(col1);
    row.appendChild(col2);
    col1.innerHTML = html1;
    col2.innerHTML = html2;
    tbl.appendChild(row);   
}
function remove() {
    var tbl = document.getElementById("unc-poll-tab").getElementsByTagName("TBODY")[0];
    if (tbl.hasChildNodes()) {
        tbl.removeChild(tbl.lastChild);     // 마지막 로우
//tbl.removeChild(tbl.firstChild);  // 첫번째 로우
 
   }   
}

 

 

2012-09-07 12:57:04
211.189.124.***

 

좋은생각 ^^

0점 (1명)
덧글 0개 | 태그 1개 | 관련글보기
태그입력
쉽표(,)구분으로 한번에 여러 태그를 입력할수 있습니다
동적 테이블 (2)
이름 비밀번호
자바스크립트 팁
자바스크립트 및 CSS 팁 게시판입니다
! 번호 제목 글쓴이 일자 조회
220 img 이미지 부드럽게 줄이기 1 GoodBug 2009-12-18 8,145
219 rss xml 파싱하는 모듈 입니다. 1 고고싱 2009-11-27 7,597
218 트리 입니다 . 1 고고싱 2009-11-27 5,829
217 에러처리 1 kaiser 2009-05-11 6,042
216 웹페이지 복사 방지 해지 하는 법 kaiser 2009-05-03 11,631
215 javascript 한글 짜르기 1 1 kaiser 2008-08-14 7,938
214 rolling 롤링 스크립트 1 2 GoodBug 2008-07-11 10,085
213 alert 메시지를 print 처럼 사용하기 2 고고싱 2008-06-10 8,621
212 onload onload 펑션이 정의되어 있는 상황에서 onload에 추가하기 1 GoodBug 2008-04-11 8,403
211 javascript 자바스크립트 개발가이드 4 1 kaiser 2008-04-09 8,848
210 escape HTML escpae code 1 GoodBug 2008-04-02 6,455
209 optgroup SELECT 목록 그룹별로 묶기 1 1 GoodBug 2008-03-06 8,178
동적 테이블 테이블에 동적 TR 삽입 및 삭제 IE, FF 공용 1 GoodBug 2008-01-18 11,703
207 drag Javascript drag and drop 1 1 GoodBug 2008-01-16 8,123
206 sort Sortable HTML table 2 GoodBug 2008-01-16 7,359
205 scrollable table Scrollable HTML table 1 GoodBug 2008-01-16 7,039
204 CSS CSS centered layout 1 1 GoodBug 2008-01-16 6,643
203 utf8 Javascript UTF-8 1 GoodBug 2008-01-16 7,871
202 encode Javascript url decode, encode 2 GoodBug 2008-01-16 8,084
201 암호화 Javascript MD5 2 GoodBug 2008-01-15 7,321
copyright 2005-2018 by Unicorn