코드 사본은 다음과 같습니다.
<html>
<헤드>
<script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </script>
<cript>
// HTML 요소를 만듭니다
함수 $ c (tagname) {
return document.createElement (tagname);
}
// 문서가로드 된 후 실행할 내용
$ (document) .ready (function () {
// 행 버튼을 추가하는 클릭 이벤트를 바인딩합니다
$ ( "#addrow"). bind ( "click", function () {
// 테이블을 얻습니다
var tab = $ ( "#tab");
// TR 요소를 만듭니다
var tr = $ c ( "tr");
// tr 요소를 테이블에 부여합니다
Tab.Append (TR);
// TD 요소를 만듭니다
var td1 = $ c ( "td");
// TD 요소의 내용
td1.innerhtml = "insert1";
// 새로 추가 된 TR에 TD 요소를 추가하십시오
Tr.AppendChild (TD1);
var td2 = $ c ( "td");
td2.innerhtml = "insert2";
Tr.AppendChild (TD2);
});
// 행 삭제 삭제 버튼의 클릭 이벤트 바인드
$ ( "#deletero"). bind ( "click", function () {
// 테이블의 첫 줄을 가져옵니다
var tab = $ ( "#tab tr : eq (0)");
//이 줄을 삭제합니다
Tab.remove ();
});
});
</스크립트>
</head>
<body>
<테이블 테두리 = '1'id = "탭">
<tr>
<td> 123 </td>
<td> 456 </td>
</tr>
</테이블>
</br>
<button id = "addrow"> 행 추가 </button>
<button id = "deletero"> 삭제 행 </button>
</body>
</html>