-
innerHTML 을 이용하여 테이블 row 동적으로 생성/삭제 하기웹프로그래밍/자바스크립트 2009. 12. 2. 20:27반응형
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<script language="javascript">
function addInputBox(){
var addStr = "<input type=text name=test size=20>";
var table = document.getElementById("dynamic_table");
var newRow = table.insertRow();
var newCell = newRow.insertCell();
newCell.innerHTML = addStr;
}
function subtractInputBox(){
var table = document.getElementById("dynamic_table");
table.deleteRow(0);
}
</script>
<BODY>
<a href="javascript:addInputBox();">+ inputBox 추가</a> : <a href="javascript:subtractInputBox();">- inputBox 감소</a>
<table cellpadding=0 cellspacing=0 id="dynamic_table"></table>
</BODY>
</HTML>반응형'웹프로그래밍 > 자바스크립트' 카테고리의 다른 글
마우스 현재위치 확인 (0) 2010.12.20 DIV 또는 이미지를 마우스로 끌어서 움직이기 (0) 2010.12.13 iframe 접근(FF호환) (0) 2009.01.21 자바스크립트로 웹페이지 읽어오기 (0) 2008.11.18 알림창-선택창 confirm (0) 2008.01.07