코드 복사 코드는 다음과 같습니다. <머리> 점수 <스타일> #marks 입력 { 너비: 100px; } <본문> 점수 <버튼 onclick="insertline();"> 한 줄 추가 버튼> 변경사항 저장 버튼> 별 중국어 수학 영어 Desc Asc 주문 이름: 성별: 중국어: 수학: 영어: <br>var mark = [ <br>{ <br>이름: 'Lisi', <br>성별: '여성', <br>중국어: '88', <br>수학: '90', <br> 영어: '92' <br>}, <br>{ <br>이름: '왕우', <br>성별: '여', <br>중국어: '92', <br>수학: '80', <br>영어: '82' <br>}, <br>{ <br>이름: '릴레이', <br>성별: '여성', <br>중국어: '93', <br>수학: ' 88', <br>영어: '87' <br>}, <br>{ <br>이름: 'HanMeimei', <br>성별: '남자', <br>중국어: '97', <br> 수학: '92', <br>영어: '100' <br>}, <br>{ <br>이름: '왕주안', <br>성별: '남자', <br>중국어: '92', <br>수학: '93', <br>영어: '90' <br>} <br>]; <br><br>function addto(index,name,sex,chinese,math,english) { <br>"마크(nodename,innerHTML) 값에 삽입('span','Name:')".ForDOM() .실행하다(); <br>("마크 (노드 이름, 유형, ID, 값) 값에 삽입 ('input','text','name[" (색인) "]','" 이름 "')").ForDOM() .실행하다(); <br>"마크(노드 이름,innerHTML) 값에 삽입('span','Sex:')".ForDOM().execute(); <br>("마크(노드 이름, 유형, ID, 값) 값에 삽입 ('input','text','sex[" (색인) "]','" sex "')").ForDOM() .실행하다(); <br>"마크(노드 이름,innerHTML) 값에 삽입('span','중국어:')".ForDOM().execute(); <br>("마크(노드 이름, 유형, ID, 값) 값에 삽입 ('input','text','chinese[" (색인) "]','" 중국어 "')").ForDOM() .실행하다(); <br>"마크(노드 이름,innerHTML) 값에 삽입('span','Math:')".ForDOM().execute(); <br>("마크(노드 이름, 유형, ID, 값) 값에 삽입 ('input','text','math[" (색인) "]','" math "')").ForDOM() .실행하다(); <br>"마크(노드 이름,innerHTML) 값에 삽입('span','English:')".ForDOM().execute(); <br>("마크 (노드 이름, 유형, ID, 값) 값에 삽입 ('input','text','english[" (index) "]','" english "')").ForDOM() .실행하다(); <br>("마크(노드 이름) 값에 삽입('br')").ForDOM().execute(); <br>}; <br><br>for(var i=0; i<marks.length>addto(i 2,marks[i].name,marks[i].sex,marks[i].chinese ,marks[i].math,marks[i].english); <br>}; <br><br>function insertline() { <br>var count = "ID가 'name%'와 같은 마크에서 개수로 count(*)를 선택합니다.".ForDOM().query(); <br>var index = count[0].Count 1; <br>addto(index,"","","","",""); <br>}; <br><br>function dellastline() { <br>var count = "id가 'name%'와 같은 마크에서 개수로 count(*)를 선택합니다.".ForDOM().query(); <br>var index = count[0].Count; <br>("'%[" index "]'와 같은 ID가 있는 표시에서 삭제").ForDOM().execute(); <br>}; <br><br>"저장된 마크 테이블 생성".execute(); <br><br>function savemarks() { <br>var names = ("ID가 'name%'과 같은 마크에서 값 선택").ForDOM().query(); <br>var sexs = ("ID가 'sex%'와 같은 마크에서 값 선택").ForDOM().query(); <br>var Chineses = ("ID가 'chinese%'와 같은 마크에서 값 선택").ForDOM().query(); <br>var maths = ("ID가 'math%'와 같은 마크에서 값 선택").ForDOM().query(); <br>var englishs = ("id가 'english%'와 같은 마크에서 값 선택").ForDOM().query(); <br>"저장된 표시에서 삭제".execute(); <br>for(var i=0;i<names.length;i ) { <br>("저장된 표시에 삽입 (이름, 성별, 중국어, 수학, 영어) 값 ('" 이름[i].값 "' ,'" sexs[i].value "'," Chineses[i].value "," maths[i].value "," englishs[i].value ")").execute(); <br>}; <br>//alert(저장된 표시); <br>}; <br><br>function orderby(field,asc) { <br>savemarks(); <br>var mark = ("저장된 표시에서 *를 " 필드별로 정렬 " " asc).query(); <br>"표시에서 삭제".ForDOM().execute(); <br>for(var i=0; i<marks.length;i ) { <br>addto(i 2,marks[i].name,marks[i].sex,marks[i].chinese,marks[ i].math,marks[i].english); <br>}; <br>}; <br>function order() { <br>var byfield = document.getElementById("byfield").value; <br>var ascdesc = document.getElementById("ascdesc").value; <br>orderby(byfield,ascdesc); <br>}; <br>