<div class="codetitle"> <span><a style="CURSOR: pointer" data="61095" class="copybut" id="copybut61095" onclick="doCopy('code61095')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code61095"> <br><html> 🎜>< ;script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <br><script>//html 만들기 element<br>function $c(tagname){ <br>return document.createElement(tagname); <br>} <br>//문서 로드 후 실행할 내용 <br>$(document).ready( function(){ <br>//행 추가 버튼의 클릭 이벤트 바인딩<br>$("#addrow").bind("click",function(){ <br>// 테이블 가져오기 <br>var tab = $( "#tab"); <br>// tr 요소 생성 <br>var tr = $c("tr") <br>// 테이블에 tr 요소 추가 <br>tab.append(tr ); <br>//td 요소 생성<br>var td1=$c("td") <br>// td 요소의 내용<br>td1.innerHTML="insert1"// 새로 추가된 tr Append td 요소 <br>tr.appendChild(td1); <br>var td2=$c("td") <br>td2.innerHTML="insert2" <br>tr.appendChild(td2 ); <br>}); <br>// 행 삭제 버튼의 클릭 이벤트 바인딩<br>$("#deleterow").bind("click",function(){ <br>// 테이블의 첫 번째 행 <br>var tab = $("#tab tr:eq(0)") <br>// 이 줄 삭제 <br>tab.remove() <br>}); >}); <br></head> <br><body> <br><table border="1" id="tab" tr> <td>123</td> <br></tr> <br></br> <br>< 버튼 id="addrow">행 추가</button> <br><button id="deleterow">행 삭제</button> ;/html> ; <br><br> </table> </div>
