검색결과 리스트
동적생성에 해당되는 글 1건
- 2007.12.10 tr td 동적 핸들링 javascript
글
tr td 동적 핸들링 javascript
Javascript
2007. 12. 10. 12:27
워낙좋은 ajax 프레임웍이 많이 나왔고
다들 tr, td핸들링을 간단히 할 수 있는 방법들이 있지만..
때론 원시적인 방법으로 핸들링 해야 할때가 있는법....
거의 모든 스크립트들이 ie에서만 작동하는군...
ie, firefox, opera에서 전부 작동 하는 스크립트 맹그러봤다...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
//tr추가 실행 함수
function add(t_id) {
var id = document.getElementById(t_id);
var len = id.rows.length;
var newRow = id.insertRow(len);
<!--
//tr추가 실행 함수
function add(t_id) {
var id = document.getElementById(t_id);
var len = id.rows.length;
var newRow = id.insertRow(len);
var td0 = newRow.insertCell(0);
var td1 = newRow.insertCell(1);
var td2 = newRow.insertCell(2);
var td1 = newRow.insertCell(1);
var td2 = newRow.insertCell(2);
td0.innerHTML = " new cell 1 ";
td1.innerHTML = " new cell 2 ";
td2.innerHTML = " new cell 3 ";
}
//tr 삭제 실행 함수
function del(t_id) {
var id = document.getElementById(t_id);
var len = id.rows.length;
id.deleteRow(-1);
td1.innerHTML = " new cell 2 ";
td2.innerHTML = " new cell 3 ";
}
//tr 삭제 실행 함수
function del(t_id) {
var id = document.getElementById(t_id);
var len = id.rows.length;
id.deleteRow(-1);
}
//-->
</SCRIPT>
</HEAD>
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type="button" value="추가" omClick="add('tar');" />
<input type="button" value="삭제" omClick="del('tar');" />
<input type="button" value="추가" omClick="add('tar');" />
<input type="button" value="삭제" omClick="del('tar');" />
<TABLE id="tar" border="1">
<TR>
<TD>asdfasdf</TD>
<TD>asdf</TD>
<TD>asdfasdf</TD>
</TR>
</TABLE>
<TR>
<TD>asdfasdf</TD>
<TD>asdf</TD>
<TD>asdfasdf</TD>
</TR>
</TABLE>
</BODY>
</HTML>
</HTML>
