:: 글답변 :: 이 름 패스워드 이메일 홈페이지 옵 션 html  분 류 선택하세요 Html CSS Script JQuery ASP PHP GNU .NET MySQL MsSQL DNS SEO ENG IONIC REACT 제 목 > > > <title>DOM 요소 생성 후 원하는 요소에 추가</title> > <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> > <script type="text/javascript"> > $(document).ready(function () { > > //[3] 버튼 클릭시 테이블 생성 > $('#btnCreate').click(function () { > $('#lblTable').empty(); // 클리어 > var row = $('#row').val(); > var col = $('#col').val(); > var strTable = "<table border='1'>"; > for (var i = 0; i < row; i++) { > strTable += "<tr>"; > for (var j = 0; j < col; j++) { > strTable += "<td>" + (i + 1) + "행, " + (j + 1) + "열" + "</td>"; > } > strTable += "</tr>"; > } > strTable += "</table>"; > $('#lblTable').append(strTable); > }); > }); > </script> > <!--[1] 동적으로 태그 추가 --> > <span id="lblDisplay"><b>여기에 태그 추가</b></span> > <!--[2] 동적으로 테이블 추가 --> > <input type="text" id="row" />행 > <input type="text" id="col" />열 > <input type="button" id="btnCreate" value="테이블 동적 생성" /> > <div id="lblTable"></div> > 링크 #1 링크 #2 파일첨부   왼쪽의 글자를 입력하세요.